使用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]-->