使用PIE对IE8进行border-redius兼容介绍

1. 下载并解压缩:http://css3pie.com/download-latest


2.在引入jquery引入的地方加入1.7版本的jquery实现兼容


<!--[if lt IE9]>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<![endif]-->




3. 在body的最底部  使用刚才下载好的PIE.js文件


<!--[if lt IE9]>
   <script type="text/javascript" src="js/PIE.js"></script>
        <script type="text/javascript">
       (function ($) {
         $.pie = function(name,v){
               if(!PIE) {return false;}
           var obj = typeof name =='object'? name:$(name);
             var version = 9;
            if(typeof v != 'number' && v<10){
                        version = v;
            }   
            if($.browser.msie && obj.size() >0){
                        if($.browser.version*1<= version*1){
                           obj.each(function(){
                                       PIE.attach(this);
                               });
                 }


           }
   };
})(jQuery);

$(function(){

//批量修改需要兼容产生圆角的选择器,圆角大小需要自己在CSS中设置 好border-radius

        var objs = $('.bannerCircle,.bannerCircle_opa, .bannerCircle span');  
      $.pie(objs,8);
});
</script>
<![endif]-->