懸停在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;}