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

筱葭 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)。
————————————————
版权声明：本文为CSDN博主「筱葭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zhouziyu2011/article/details/62216965

浅谈设置父元素透明度不影响子元素透明度相关推荐

CSS中如何设置父元素透明度不影响子元素透明度
css中经常会遇到设置了父元素的透明度,后会直接影响到子元素的透明度. 例如: 设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明 ...
html中设置父div的透明度不影响子div透明度
在设置div的透明度的时候发现设置了父div的透明度(opacity=0.5),子div的透明度也随着改变了,并且设置子div的透明度不起作用,这种情况下可以使用rgba来设置父div的透明度:例如设 ...
css opacity影响子元素解决办法
css opacity影响子元素解决办法设置父元素opacity:0.3,子元素不设置opacity,子元素也会有0.3的透明度.设置子元素opacity:1,子元素的opacity:1也是在父元素 ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...
【转】解决父容器高度不跟随子元素扩大的问题
原文链接:http://blog.sina.com.cn/s/blog_674379bf0100lyy3.html 方法一: 编写CSS使用DIV的FLOAT属性使元素浮动,在父容器中添加zoom:1 ...
父元素没有高度，子元素高度失效
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果.你知道为什么height:100%不起作用吗? 按常理,当我们用 ...
html如何更改子元素文字颜色,CSS更改父级悬停上的子元素字体颜色
我试图让它如此:当将鼠标悬停在td上时,跨度内部变为白色,并且td的背景变为蓝色.但是,没有一个类似的问题似乎对我有帮助.表例如CSS更改父级悬停上的子元素字体颜色第一行: Account Hold ...
js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...
父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构如图img加上float 子元素div显示正常. 不加float div显 ...
父元素开启相对定位而子元素开启绝对定位问题
在写css样式时,发现总是用到各种定位,其中父元素开启相对定位而子元素开启绝对定位这个问题弄明没白. 借鉴大佬的博客: https://blog.csdn.net/weixin_41796631/ar ...

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

浅谈设置父元素透明度不影响子元素透明度相关推荐

最新文章

热门文章