Question

我的导航中有一系列图标。它们默认显示为白色，悬停时显示为蓝色。单击该图标时，会分配一个“活动”类，此时默认情况下它应该仍然是白色，而在悬停时也是白色。

在IE8中，在分配“主动”类后，它会保持蓝色，是悬停的遗留物。我的页面上有这个doctype：

<!DOCTYPE html>

这是我的CSS：

.appNav div {
    color: #ffffff;
}
.appNav div:hover {
    color: blue;
}
.appNav div.active {
    color: #ffffff;
}
.appNav div.active:hover {
    color: #ffffff;
}

编辑：正如rink.attendant.6问的那样，我正在使用fontawesome作为我的图标，所以它们是字体文字图标。

Answer 1

没有理由这在IE 8中不起作用

：hover伪类适用于用户指定元素的情况使用指点设备，但不一定要激活它。

有关详细信息，请参阅：http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act。

Also：

从Windows Internet Explorer 7开始，当浏览器进入时符合标准的模式（严格！DOCTYPE），您可以应用：hover 伪类到任何元素，不仅仅是链接。如果伪类是没有专门应用于选择器中的元素，例如a 标签，假设通用（*）选择器。不分青红皂白地使用：hover伪类会对页面性能产生负面影响。

仍然可以force IE to :hover对任何元素进行操作并管理IE的不稳定支持：悬停。但这是过去的事。

这个'buggy'并且不清晰的上下文邀请开发人员使用javascript来实现jQuery的更好的跨浏览器行为。

另外，我看到你的doctype是html5。你有htmlShim你的页面吗？

IE8无法识别css：正确悬停

1 个答案: