关于css属性opacity及子元素透明度问题探讨

关于css属性opacity及子元素透明度问题探讨
不透明度会作用于本元素及其所有子元素,而opacity的范围是0到1。

子元素不透明度 = 父元素不透明度 * 子元素本身不透明度

由此可见,就算把里面的div的opacity设为1也没有用,子元素是没办法获得大于父元素的不透明度值的。

这样一来,要实现一个元素在另一个元素之上,在上面的元素的透明度大于在下面的元素,就是用两个同级元素了。

可以分别设置两个同级元素的不透明度,然后用position的方法将一个放在另一个的上方。



2