【问题标题】:CSS Opacity is not working in Internet Explorer 7?CSS 不透明度在 Internet Explorer 7 中不起作用?
【发布时间】:2012-11-09 22:36:57
【问题描述】:

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

我试过了:

.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>

我可以在这里寻求帮助吗?

【问题讨论】:

    标签: html css internet-explorer filter opacity


    【解决方案1】:

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

    专门针对 IE7 试试这个:

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

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

    【讨论】:

    • 您能否扩展您的答案以解释为什么您的代码在 OP 不起作用时会起作用?
    • 因为他用正常的不透明度覆盖了 IE7 的不透明度,所以如果他去掉底部的不透明度或使用特别保证它可以在 IE7 中工作的条件 cmets。
    • @user1394965,我知道。我只是建议您通过编辑和附加此类信息来改进您的答案。
    • @Sparky672 好的,抱歉,我现在改进它。
    猜你喜欢
    • 2011-11-24
    • 2015-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-25
    • 2013-01-19
    • 1970-01-01
    相关资源
    最近更新 更多