html - CSS 不透明度在 Internet Explorer 7 中不起作用？

Question

我已经查看了有关此问题的其他问题，但找不到解决方案。

我试过这个：

.picpic:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

html是这样的

<a href="xx"><img class="picpic" src="zz.png"></a>

我可以在这里得到一些帮助吗？

Answer 1

基本上正在发生的事情是您的 IE 特定的不透明度线 -filter: alpha(opacity=50);被opacity: 0.5;在其他浏览器/IE 版本中工作的通用线覆盖。

专门为 IE7 试试这个：

 <!--[if IE 7]>
    .opaque2 {  // for IE5-7
        filter: alpha(opacity=50);
    }
 <![endif]-->

如果它适用于所有其他浏览器/版本，请确保使用条件注释。