关于子元素继承父元素透明度（opacity）的解决方法
2015-07-30 10:40
369 查看
今天在做移动端的时候遇到了子元素继承父元素的透明度（opacity）的情况，下面贴出解决方法：
问题重现：
.opacity{background: #000；opacity：0.7}
这种写法就算给子元素opacity_child重新赋值opacity：1；他也同样会继承父元素opacity的值。
正确写法：
.opacity{background: rgba(0,0,0,.7);}
问题重现：
.opacity{background: #000；opacity：0.7}
这种写法就算给子元素opacity_child重新赋值opacity：1；他也同样会继承父元素opacity的值。
正确写法：
.opacity{background: rgba(0,0,0,.7);}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Cross-Browser Variable Opacity with PNG
- HTML5 rgba与opacity的属性 兼容ie6/7/8/9各浏览器
- js运动-改变透明度(单物体）
- css3透明度
- rgba()和opacity的比较
- IOS alpha导致subview也透明了(opacity)
- 不用点击file类型的input弹出文件选择对话框
- 透明-----css的filter，opacity与css3的background-color: rgba
- IE（6-8）不支持opacity：0；透明度的解决方法
- css 背景透明，文字不透明，alpha滤镜，opacity，position:relative;
- Opacity多浏览器透明度兼容处理
- 设置透明度
- opacity、visibility、display对比分析
- CSS 图像透明/不透明
- CSS隐藏元素 display visibility opacity的区别
- CSS中visibility,opacity和display:none的区别
- Opacity兼容
- 从零开始前端学习[22]:cursor鼠标悬浮效果和opacity透明度效果
- Javascript运动概念2——多物体运动框架
- CSS创建图片库&透明图片&媒介类型