做前端的都知道,ie是出了名的坑爹,从诞生到被微软放弃都受尽了嫌弃,这产品也是挺悲剧的。但是在国内做web开发,仍有不少小白电脑用户用的是ie浏览器,甚至是低版本的ie678,或者是低版本的360浏览器(如果你也在用,强烈建议换成google chrome),所以身为web开发者在进行项目上线的时候不得不考虑ie的兼容性问题。
其中jQuery兼容性非常好,一般1.9以下的jQuery库都可以兼容ie版本。但是有些常用的CSS3属性,例如border-redius box-shadow等效果在ie上就比较崩溃了,ie6甚至还不支持png格式的图片。。。
下面和我一起来
三步轻松搞定兼容性
1)点我下载PIE文件
2)讲文件加压到网站根目录的任何位置(最好和CSS文件放在一起)
3)在对应含有border-redius的css样式中里加入如下代码:
.class {
border: 1px solid #333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(/path/PIE.htc);
}
这里的URL路径相对于CSS文件
is OK!
网友评论