背景色设置透明，兼容ie浏览器设置

来源：互联网发布：工口mmd动作数据编辑：程序博客网时间：2024/06/04 19:51

IE专属滤镜 filter:Alpha(opacity=x)

使用说明：IE浏览器专属，问题多多，本文以设置背景透明为例子，如下：

仅支持IE6、7、8、9，在IE10版本被废除
在IE6、7中，需要激活IE的haslayout属性(如：*zoom:1或者*overflow:hidden)，让它读懂filter:Alpha
在IE6、7、8中，设置了filter:Alpha的元素，父元素设置position:static(默认属性)，其子元素为相对定位，可让子元素不透明

全兼容的方案

上以上3点分析可知，设置透明背景文字不透明，可采用的属性有rgba和IE的专属滤镜filter:Alpha，其兼容性如下图所示：

设置的内容如下：

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */  .demo{    background-color:#000000;    filter:Alpha(opacity=50);    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */  }  .demo p{    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */  }  }

转载自：http://www.cnblogs.com/PeunZhang/p/4089894.html

作者：白树

阅读全文

0 0