背景色设置透明内容文字不透明，兼容IE

IE9+、Firefox3+、Chrome、Safari以及Opera10+

.s_bgColor{
   background-color: rgba(99,178,198,0.2);
}

IE专属滤镜 filter:Alpha(opacity=x)【IE6、7、 8、 9 适用，10废弃】

.s_bgColor{
  background-color: #ccc;
  filter:Alpha(opacity=50);/*只支持IE6、7、8、9*/
  position:static;*zoom:1
}

IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值,激活IE6、7的haslayout属性，让它读懂Alpha,设置子元素为相对定位，可让子元素不继承Alpha值，保证字体颜色不透明。

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

推荐阅读更多精彩内容