当前位置：编程学堂 > css透明度属性继承问题

css透明度属性继承问题

上面代码：

看这里，看这里，看这里！这里有透明度！

css：

.div1 { 宽度：200px;高度：200px；背景：#f33；不透明度：0.3；滤镜：alpha（不透明度=30）；}

当透明度设置为div1时，span中的文本也会“继承”父元素的透明度属性，但这不是我们想要的。那么如何去掉里面文字的不透明度呢？

还有一个比较常用的方法：

将内容部分放入与透明层同级的标签中，并包含在同一元素下。父元素位置设置为relative，子元素位置设置为absolute以覆盖

代码如下：

看这里，看这里，看这里！这里的透明度已被删除！ ！

css：

.div1,span{ 宽度: 200px;高度：200px；背景：#f33；不透明度：0.3；过滤器：alpha（不透明度=30）；位置：绝对；}
.zx{ 位置:相对;}