美文网首页
IE对css3 box-shadow border-redius

IE对css3 box-shadow border-redius

作者: 大黑不小白 | 来源:发表于2017-03-31 12:43 被阅读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!

    相关文章

      网友评论

          本文标题:IE对css3 box-shadow border-redius

          本文链接:https://www.haomeiwen.com/subject/xpypottx.html