Twitter Bootstrap Glyphicons在IE8及以下的部分不透明度

我在項目中使用Twitter Bootstrap的glyphicons，並希望它們在：hover上變得部分透明。當然，Chrome，FF，Safari甚至IE9 +中的所有功能都可以正常使用。Twitter Bootstrap Glyphicons在IE8及以下的部分不透明度

然而，在IE7和IE8中，不透明使圖標看起來很可怕。以下是測試要領：

<!doctype html> 
<html> 
    <head> 
     <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
     <style> 
      #icon { 
       margin: 50px; 
      } 

      #icon:hover { 
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
       filter: alpha(opacity=70); 
       opacity: 0.7; 
      } 
     </style> 
    </head> 
    <body> 
     <i id="icon" class="icon-search"></i> 
    </body> 
</html>

任何幫助將不勝感激。

來源

2013-02-05 standardModel

嘗試更改周圍的順序，以便回退在實際申報之後。

#icon:hover { 

opacity: 0.7; 
filter: alpha(opacity=70); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 

}

來源

2013-02-05 12:25:15 Steph

不幸的是，這並沒有幫助，也quirksmode.org [建議]（http://www.quirksmode.org/css/opacity.html）一個不同的順序。你有沒有在IE7或8測試你的CSS？ – standardModel

今天我沒有在我的工作Mac上。說實話，像這樣的東西在舊版瀏覽器中看起來不錯，可能是不可能的。我會考慮使用類似jQuery的東西來查看是否有改進： – Steph

我認爲你得出的結論是它可能不可能快一點。特別是如果你沒有真正測試它。我不明白爲什麼「類似jQuery」會幫助我？ – standardModel

Twitter Bootstrap Glyphicons在IE8及以下的部分不透明度

回答

相關問題