【解决】父元素opacity会覆盖子元素

子元素继承父元素的透明度(opacity)的情况,下面贴出解决方法:

问题重现:

.opacity{background: #000;opacity:0.7} 

这种写法就算给子元素opacity_child重新赋值opacity:1;他也同样会继承父元素opacity的值。

正确写法:

.opacity{background: rgba(0,0,0,.7);}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,671评论 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,859评论 1 45
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,514评论 0 5
  • 一、HTML5 1.1 认识HTML5 HTML5并不仅仅只是作为HTML标记语言的一个最新版本,更重要的是它制定...
    福尔摩鸡阅读 16,155评论 14 51
  • 这团火,把那堆残旧的木制桌椅,舔成灰烬。曾经的它们,春夜卧听墙外的蕉雨;夏夜承接七月的流火。然而白天,每一寸桌面都...
    瓦尔登湖的蓝色乡愁阅读 542评论 0 2