Filter IE7 alpha过滤器级联到所有其他元素。。。如何阻止它?
我有这个页面,其中我的容器有一个使用Filter IE7 alpha过滤器级联到所有其他元素。。。如何阻止它?,filter,internet-explorer-7,transparency,alpha,Filter,Internet Explorer 7,Transparency,Alpha,我有这个页面,其中我的容器有一个使用 background-color:rgba(255, 255, 255, 0.76); *background-color:#fff; *opacity: 0.8; *filter: alpha(opacity = 80); 在Mozilla中工作正常;显示半透明背景,内部元素完全不透明;但在IE7中,透明度继承了所有其他元素。我试着在容器内制作一个新的容器 *opacity:1, *alpha(opacity=100), *zoom:1, *fi
background-color:rgba(255, 255, 255, 0.76);
*background-color:#fff;
*opacity: 0.8;
*filter: alpha(opacity = 80);
在Mozilla中工作正常;显示半透明背景,内部元素完全不透明;但在IE7中,透明度继承了所有其他元素。我试着在容器内制作一个新的容器
*opacity:1, *alpha(opacity=100), *zoom:1, *filter:none
这是因为您正在使用不透明和过滤css标记,这些标记将由子元素继承 尝试使用以下方法:
.element{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
.element *{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
}
这应该选择所有子元素并将其不透明度设置为100%,并且应该适用于所有浏览器您必须使用半透明背景图像,它将适用于每个浏览器(IE6除外…它将不起作用,因为父元素已经是透明的,您无法“重置”继承它的子元素的透明度。你确实需要一个“120%”的α;-)。。。所以我完蛋了?不可能!!伙计们,我想出了一个解决方案:只需将rgb颜色放在mozilla上,这样mozilla就可以识别它,ie7黑客浏览器就会显示一个透明的png,就像这样:
code
background color:rgba(234236235,0.76);*背景图片:url(images/wite70pc.png)code
这就成功了……这行不通,IE7在png背景下有一个bug。请点击此处: