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元素。我还尝试在hover标记中的background-color后面添加!important。我还确保CSS中没有其他元素影响这个。

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

只是想知道是否有其他人曾经注意到这个问题并且他们可以为此提供一些东西。请提前告知我们。

Answer 1

我看起来像你的问题。我像你一样尝试各种方式，但没有用。

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

那时我感到很震惊，我现在还不知道为什么。

Answer 2

您的HTML页面上是否指定了DOCTYPE？这似乎很明显，但我在IE8中遇到了类似的问题：悬停状态 - 特别是在编辑旧网站时。

我的解决方案是在HTML页面上的开始HTML标记上方添加DOCTYPE

！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”

我希望这有帮助！

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

2 个答案: