无法在 Windows XP 上的 IE8 中获得悬停效果答案

【问题标题】：Can't get hover effect in IE8 on Windows XP无法在 Windows XP 上的 IE8 中获得悬停效果
【发布时间】：2012-09-17 11:05:34
【问题描述】：

我有这样的结构

       ul
         li
            div(class cls)
                table
                    tr
                     td
                        div 
                            a

我已经为这样的锚元素应用了css

    ul li .cls a:hover
    {
      background: #264A6A;
    }

它在所有浏览器上都能完美运行，包括 Windows 7 上的 IE8。但在 IE8 上的 Windows XP 上，它确实可以改变悬停时的背景。

这里需要做些什么改变？

【问题讨论】：

任何演示？我从来没有遇到过这种情况
你可以看看这个jsfiddle.net/htmltester5/UVtr9/2
我在xp上看了一下ie8，貌似悬停效果还是可以的。。。或许你可以换个电脑试试。。。
jsfiddle.net/UVtr9/6，我发现html中有两个错误，看看这个

标签： css windows-xp hover

【解决方案1】：

你为什么不在锚标签上尝试display:block，这将是解决方案。希望你能得到你的解决方案。

【讨论】：

我最好建议 inline-block 使用仅针对 IE8 的 CSS hack：dimox.net/personal-css-hacks-for-ie6-ie7-ie8
你也可以使用它:-)
尝试为锚分配 display:block。但没有帮助。
好的。在我的页面上，我将这个结构嵌套在一些元素中。另一个区别是，当我将鼠标悬停在页面上的另一个元素上之后，这个完整的结构就会显示出来。但除此之外，css 没有任何变化。
可能出了什么问题？您还可以向我推荐一个在线工具，用于在所有浏览器和操作系统上测试我的网站。

【解决方案2】：

您可以尝试更具体：

ul li div.cls table tr td div a:hover
{
  background: #264A6A;
}

【讨论】：

我试过这个解决方案，但没有效果。仍然没有显示悬停效果。
@manu5987 - 你的页面上肯定有其他代码会影响到这一点，因为这里有一个演示，我在 IE8 上测试过它的工作原理jsfiddle.net/akasR/2