Question

不确定，如何命名这个问题，但是，我遇到了一个问题（小问题，但仍然），我有一个主div容器，它基本上是一个白色文本框，92％不透明：

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

这样可以正常工作，但是，在某些页面上，我有一个Jplayer音频播放器，它也变成92％透明。有没有人知道我仍然可以拥有透明度的方法，但是保持主div容器内的对象完全不透明？

Answer 1

使用此CSS -

#div{
    background: rgba(255, 255, 255, 0.92);
}

然后在IE中使用此脚本实现浏览器兼容性。

<!--[if IE]>
   <style type="text/css">
       .color-block { 
           background:transparent;
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000);
           zoom: 1;
       } 
    </style>
<![endif]-->

Answer 2

使用背景：rgba（255,255,255,0.92）;

使用background属性时，它仅将alpha（最后一个值，不透明度）应用于背景本身。使用它而不是ms-filter，因为它适用于所有**现代浏览器。

Answer 3

#parent{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
}
#parent>*{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

这将使父母的阿尔法成为92％，而它的孩子则为100％。但我不记得这是否设置了元素或alpha的不透明度？因为如果它设置了元素的不透明度。父母中的每个元素也会受到影响。另一种方法是使用背景图像，选择即8及以下使用替代方法或一些非常笨拙的定位。

透明度使所有对象透明

3 个答案: