IE8无法识别css：正常悬停

我的导航中有一系列图标。它们应该默认显示为白色，悬停时显示为蓝色。当图标被点击时，它会得到一个'激活'类，在这个点上，默认情况下它仍然是白色的，但悬停时也是白色的。IE8无法识别css：正常悬停

在分配'active'后的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我的图标，所以他们字体文本图标。

来源

2013-07-11 Henry

图标图像或字体（文本）？ –

我使用fontawesome作为图标，所以它是一种导入的字体。好问题 - 我应该提到这一点。 – Henry

你可能会做一个简单的例子，在一个jsfiddle只有几个链接和你的导入字体与这个CSS？ – justis

没有理由这不应该在IE 8

工作：hover伪类适用，而用户指定利用指示设备的元件，但不一定将其激活。

详情请参阅：http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act。

Also：悬停伪类的任何元素，而不是：

与Windows Internet Explorer 7中，当浏览器是标准兼容模式（！严格的DOCTYPE），您可以将启动只有链接。如果虚拟类别未专门应用于选择器中的元素（例如，标记），则会采用通用（*）选择器。不加区别地使用：悬浮伪类可以对页面性能产生负面影响。

仍然可以在任何元素上使用force IE to :hover，并管理IE不稳定的支持：hover。但这是从过去。

这个'错误'和不清楚的上下文邀请开发人员使用JavaScript来实现与jQuery更好的跨浏览器行为。

另外，我看到你的文档类型是html5。你有没有htmlShim你的网页？

来源

2013-07-11 19:46:28

根据[规范]（http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-法案）。比IE6更新的浏览器没有这种限制。 –

@IlyaStreltsyn你说得对，只是无法完成足够快的编辑回答。 –

@MilchePatern htmlShim似乎没有帮助。刚刚尝试过。而且也没有严格的文档类型。 – Henry

IE8无法识别css：正常悬停

回答

相关问题