如何通过CSS调整div元素的透明度？

本文共计905个文字，预计阅读时间需要4分钟。

CSS设置div不透明的的方法：

1.使用元素的opacity属性，设置遮罩层的透明效果；

2.通过设置父级元素的opacity属性，使子级p元素不透明。

css设置div不透明的方法：1、使用元素的opacity属性，设置遮罩层的效果；2、通过opcity等属性设置父级p透明，子p不透明。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

css怎么设置div不透明？

css实现遮罩层，父div透明，子div不透明

使用元素的opacity 属性，设置遮罩层的效果， 主要 样式是：background-color: #ooo; opacity:0.3;

<p style="width:500px; height:500px;position:fixed; top :0px;background-color:#000;opacity:0.3;text-align:center"> <p style="float:right; width:100px;height:100%; z-index:10;line-height:500px;background-color:blue;opacity:1;">dfaaf </p> </p>

原因分析： 使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。