CSS IE背景透明的问题

Posted 2023-04-03

我是用的登陆框，点击评论，如果未登录弹出登陆框，同时全屏是一个背景色全黑的div，并且给30%的透明。效果还不错。但是问题是。我第一次点击评论，弹出的窗口一切正常。然后我关闭，再次点击发布评论。弹出来的窗口透明失效了。变成了全黑色的。有没有人遇到过类似的问题？ 我下面给出代码。

#tipsclear:both; position:fixed; top:0px; width:100%; left:0px; height:120%; background:#000;
filter:alpha(opacity=30); -khtml-opacity: 0.3;-moz-opacity:0.3;opacity:0.3; z-index:99998; display:none
其它的我就不展示出来了。这个是控制全屏的变暗div 我用jquery的show和hide方法来显示隐藏。
下面是效果图片，除了IE，其它的都正常。对了，我用的是IE8标准模式。也就是<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
图片死活传不上去。 意思就是第一次OK，很完美。但是隐藏之后再次显示出来，就会变成整个屏蔽都是不透明的黑色，没有任何透明效果了。

在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不通范围的透明度。具体语法如下：

filter： alpha(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)

具体参数：
opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。

测试：
filter:alpha(opacity=50);

#snake
backgournd: #666;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;


<div id="snake" >背景透明效果</div> 参考技术A 没碰到过，但是可以提供一个猜测的思路。

ie只能给块级元素加透明。

而jquery的show有的时候在显示的时候，直接给元素加上displya:inline的属性，改变了默认的块级属性。

可以试试在显示之后，设置元素的块级属性$("#tips").show().css(display:"block");本回答被提问者采纳

CSS PNG背景透明度IE

/* For IE. Mozilla ignores. */
.element{
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/image.png');
}

/* For others. IE ignores styles with [attributes]. */
.element[class]{
  background: url('images/image.png') no-repeat center center;
}