IE对css3 box-shadow border-redius

2017-03-31  本文已影响0人  大黑不小白

做前端的都知道,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!

上一篇下一篇

猜你喜欢

热点阅读