浅谈设置父元素透明度不影响子元素透明度

浅谈设置父元素透明度不影响子元素透明度

筱葭 2017-03-15 10:50:00  11970  收藏 2
展开
设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。

即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上设置的，因此子元素的opacity还是0.5。

解决方法：为父元素设置background: rgba(0,0,0,0.5)。
————————————————
版权声明：本文为优快云博主「筱葭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/zhouziyu2011/article/details/62216965