悬停在IE中不起作用8

Question

悬停在IE8中不起作用，它在悬停时滑过文本。

这是代码。

HTML

<div class="divCls"> 
    <span class="textColor">Contacts</span> 
</div> 

CSS

.divCls:hover{ 
    background-color:#E8F7F9 !important; 
    padding-top: 5px; 
    padding-bottom: 5px; 
} 

Answer 1

在IE8中，如果你是在怪癖模式下运行，:hover只支持<a>元素（其中<div>不是）。

确保您有触发标准模式的Doctype。

请参阅the Wikipedia article on Quirks mode供进一步阅读。

Answer 2

尝试使用LVHA实现链接特异性。请参阅： http://meyerweb.com/eric/css/link-specificity.html

例如：

A:link {color: blue;}  
    A:visited {color: purple;} 
    A:hover {color: magenta;}  
    A:active {color: red;}