DIV用CSS滤镜透明，里面的任何东西全部透明。包括新建的DIV。请问如何解决？

Posted 2023-05-12

如题。
我的是这样的：一个DIV，半透明，遮住后面的内容；这个DIV里面有一个iframe，里面是另一个页面。
问题是这个iframe里面所有内容都是半透明的。

参考技术A 用一个颜色与背景颜色相同的div覆盖住，你需要透明的div用z-index:-1设置在底层，不过你既然要弄透明的，不写不是跟好，用滤镜在火狐等浏览器会失效，写了等于没写，所以滤镜不支持多用！ 参考技术B 最好不要用滤镜，显示不好。
如果是已经用了，那就找到这个滤镜的属性把它删掉咯。能够对所有DIV都生效的，应该是在级别比较高的，认真找找看。 参考技术C 呵呵，你把div写成半透明的，里面的内容肯定也一样啦！

改一下吧，

iframe 不要放在作为遮罩层的div里，把它单独拿出来。本回答被提问者采纳 参考技术D 用z-index定义不同层次，透明放最下面，上面放内容

css 使用滤镜的透明度图像的动态阴影

.png-image {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}