css:div的不透明度opacity问题(父级的opacity会影响子级)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34169240/article/details/88018064

不透明度会作用于整个元素以及它所有的子元素

子元素不透明度=父元素不透明度乘以子元素本身不透明度,而opacity的范围是0~1,所以就算把子级的div的opacity设为1也没有用,子元素是没办法获得大于父元素的不透明度值的。

解决方法:

如果是万不得已视觉排版效果上的需要,可以分别设置两个兄弟元素的不透明度,然后用position的方法将一个放在另一个的上方。

猜你喜欢

转载自blog.csdn.net/qq_34169240/article/details/88018064