IE8及更低版本中的Twitter Bootstrap Glyphicons部分不透明

Question

我在项目中使用Twitter Bootstrap的glyphicons，并希望它们在：hover上变得部分透明。 当然，所有功能都可以在Chrome，FF，Safari甚至IE9 +中正常运行。

但是，在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>

任何帮助将不胜感激。

Answer 1

尝试更改顺序，以使后备时间在实际的声明之后。

#icon:hover {

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

}

IE8及更低版本中的Twitter Bootstrap Glyphicons部分不透明

问题描述

1 个解决方案

解决方案1
0 2013-02-05 12:25:15

IE8及更低版本中的Twitter Bootstrap Glyphicons部分不透明

问题描述

1 个解决方案

解决方案1 0 2013-02-05 12:25:15

解决方案1
0 2013-02-05 12:25:15