背景色设置透明内容文字不透明,兼容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值,保证字体颜色不透明。

你可能感兴趣的:(背景色设置透明内容文字不透明,兼容IE)