父级div 透明 ，子级不受影响

一般如果我们设置div透明度是这样的：

  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;

其实大多数都是直接：

  opacity:0.5;

但是有可能我们会遇到这样的问题，就是包含在内的子级元素会继承父级的属性，造成样式污染，例如子级的透明度也会受影响，如何让子级不受影响呢？可以这样控制父级div的样式：

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1赞 92
  • DIV+CSS学习笔记总结篇
    转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,704评论 32赞 459
  • HTML快速入门（二）—— CSS简介
    前言： 1.HTML5的发展非常迅速，可以说已经是前端开发人员的标配，在电商类型的APP中更是运用广泛，这个系列的...
    珍此良辰阅读 5,897评论 2赞 15
  • Github_web_1
    一:在制作一个Web应用或Web站点的过程中，你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,999评论 0赞 1
  • 想说的话，都写在草稿纸上。
    不知道有没有和我一样的童鞋,心情好的时候呢,在纸上画画。心情不好的时候呢,也要在纸上画画。 养成喜欢写字的习惯是在...
    陈多脂阅读 2,854评论 1赞 1