Hover在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;}