html - IE8 链接背景颜色在悬停时不改变

Question

所以，我对 IE8 中链接的悬停状态有疑问。代码如下:

<div id="navigation">
    <a href="/" class="home">Home</a>
</div>

还有 CSS:

#navigation {
    float: right;
    height: 29px;
    margin: 50px 0 0 23px
}

#navigation a {
    color: #FFF;
    float: left;
    font-size: 120%;
    height: 25px;
    margin-right: 7px;
    padding: 2px 10px;
    text-align: center;
    width: 104px;
}

#navigation a.home {
    background-color: #f4e034;
}

#navigation a.home:hover {
    background-color: #fffbd4;
}

现在，这在我测试过的所有其他浏览器(Chrome、Safari、FF、IE6 和 IE7)中都可以正常工作，它只是不会改变悬停时 IE8 中链接的背景颜色。

我尝试将 display: block 和 display: inline-block 添加到 a 元素。我还尝试在悬停标签中的背景色之后添加 !important 。我还确保 CSS 中没有其他元素会对此产生影响。

谷歌搜索这个问题给了我一堆关于 IE8 beta 的东西，这不是。它还为我提供了菜单相关链接的答案，但事实并非如此。它为我提供了受影响的非背景颜色的答案。它给了我改变字体颜色的东西，但不是背景颜色(在我的情况下都不起作用)。

只是想知道是否有其他人注意到这个问题并且可以提供一些关于这个的东西。让我知道，提前致谢。

Answer 1

我遇到了和你一样的问题。我和你一样试了各种方法都没有用。

我的最终解决方案是在您需要悬停的元素上设置背景颜色，然后它起作用了。

当时觉得很震撼，现在也不知道为什么。