实现IE下兼容CSS3的圆角效果

时间:2024-07-25 14:03:26

有些CSS3的牛逼的效果在IE下展示不出来是最烦人的啦,在项目中做的圆角效果到了IE下一堆方块。。。。忒尴尬了。。。,找了个替代解决方案

1.首先下载一个js插件PIE.js百度一搜都是的,我也就不写出来下载地址了

2.执行的时候只需要遍历一下你要添加圆角效果的样式名就好了

$('.publicguest').each(function(){
        PIE.attach(this);
    })

3.考虑到火狐下是不需要的就再添加一下判断吧

<!--[if IE]>
<script type="text/javascript">
    $('.publicguest').each(function(){
        PIE.attach(this);
    })
    $('.host').each(function(){
        PIE.attach(this);
    })
</script>
<![endif]-->