IE 常用兼容

来源：互联网发布：ios越狱mac版编辑：程序博客网时间：2024/04/26 04:32

针对IE9的CSS只需在相应CSS代码加入只有IE9识别的 \9\0。具体代码如下：
.div{ background-color:#0f0\9\0;/* ie9 */ }
其他浏览器写法：
background-color:#f00;/all/
background-color:#0ff\0;/* ie 8/9 */
background-color:#0f0\9\0;/* ie9 */
background-color:#00f;/*ie7/
_background-color:#ff0;/ie6/
background-color//:#090;/非IE/
background-color:#900\9;/所有ie/

*是IE6、7的兼容前缀；

_是IE6的兼容前缀；

*zoom：1是IE6和IE7的专有属性。
但是，现在，除了FireFox浏览器，其他，尤其Chrome和移动端浏览器已经很好支持zoom属性了。

IE6,7报错页面不执行，查找对象属性是否最后一个多了逗号，例：
var aa = {
bb : bb,
cc : cc,
}

png兼容
颜色透明度
background: #333; filter:alpha(opacity=80); opacity: .8;
图片兼容
background: url(“xxx/xx/img”) no-repeat;
_background: url(“about:blank”);_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=’xx/xx.img’);
使用绝对路径
例如：http://aaaaa/aaaa/aaa/aa.png
_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=”scale”,src=”http://vip.kugou.com/static/images/tips_bottom.png”);
_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://vip.kugou.com/static/images/tips_top.png‘);

0 0