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及以下的部分不透明度

回答

相关问题