如何禁用風格在IE 7中，但允許在其他

Question

我有風情

.sm:hover{border-bottom: 3px solid; 
border-color: #cc181e; 
padding-bottom: 0; 
display: inline-block;} 

這看在現代瀏覽器不錯，但不是在IE 7中（閃爍）

我試圖覆蓋風格IE7。

<!--[if lt IE 9]> 
    <link rel="stylesheet" type="text/css" href="css/ie7Style.css" /> 
<![endif]--> 

使用這種風格

.sm:hover{border-bottom: 0px; padding-bottom: 0; display: inline-block;} 

但它仍在閃爍。 如何禁用此閃爍或如何禁用此樣式？

請不要讓我不使用IE 7，因爲網站顯示在TWebbrowser組件中。

Answer 1

您正在更改懸停時的顯示屬性。 嘗試將display:inline-block應用於.sm類，然後添加懸停樣式。

.sm { 
    display: inline-block; 
    *display: inline; /* IE7 fix */ 
    zoom: 1; /* IE7 fix */ 
} 

.sm:hover { 
    border-bottom: 3px solid; 
    border-color: #cc181e; 
    padding-bottom: 0; 
} 

您也可以針對IE7及以下使用媒體查詢破解：

@media screen\9 { /* styles for IE6 and IE7 only */ }