当前位置:首页 >> HTML+CSS>>正文

子元素继承父元素透明度(opacity)的解决方法

栏目:HTML+CSS时间:2018-03-22热度:
本文标签: 继承 html css 透明度 opacity

    今天在做一个滚动图时遇到了子元素继承父元素的透明度(opacity)的情况。


子元素继承父元素透明度(opacity)的解决方法


    给父元素div加上(opacity:0.5)时,发现其子元素p内的文字也变得半透明,这样比较影响用户的体验,所以就尝试单独给子元素p加上一个(opacity:1;)来重新赋值,但是发现并没有用,他也同样会继承父元素opacity的值.

    最终解决方法:

    div{background: rgba(0,0,0,.7);}


热门标签