IE兼容CSS3圆角border-radius的方法（同时兼容box-shadow，text-shadow）

.top_border{background:url(topborder.png);}
.left_border{background:url(leftborder.png);}
.right_border{background:url(rightborder.png);}
.bottom_border{background:url(bottomborder.png);}

<div>
      <div class="top_border"></div>
      <div class="left_border"></div>

     <div class="content">
　　　　...
     </div>

      <div class="right_border"></div>
      <div class="bottom_border"></div>
<div>

<div class="content"></div>

if( typeof (document.documentElement.style["border-radius"]) == "string")//判断是否支持
{
    $.fn.extend({//实现圆角
          borderRadius : function (r)
          {
　　　　　　　　var b = this.wrap("<div></div>").parent();
　　　　　　　　//以下代码 主要以逻辑为主 并非真实执行代码 ，为四角 border-radius = 5的实现　　　　　　　　

             //调整margin 及 宽度 以符合旧div的布局　　　
             b.css( {margin : this.css("margin") , "width ": this.clientWidth});　　　　　　　　
             this.css({margin:"0"});　　　　　　　　　　　　　　　　
             var borderColor = this.css("border-color");
　　　　　　　　var background = this.css("background-color");
　　　　　　   var borderStyle = this.css("borer-style");

　　　　　　　　//重设边框，只保留两侧边框　　　　　　　　
             this.css({"border-top-width":"0","border-bottom-width":"0"});//             
             
　　　　　　　　//创建HTML结构，实现上下边框
　　　　　　　　var setting = { m: [1,2,3,5],bw : [1,1,2,0] };
　　　　　　　　var i = 0;
　　　　　　　　for(; i < 3; i++)
　　　　　　　　{
　　　　　　　　　　var t = $("<b><b>").css({"height": 1 , "margin" : "0 " + setting.m[i] + "px",
　　　　　　　　　　　　　　"border-left-width" : setting.bw[i] +"px","border-right-width" : setting.bw[i] +"px",
　　　　　　　　　　　　　　"border-color":borderColor,"background-color":background});
　　　　　　　　　　b.append(t);
　　　　　　　　　　b.prepend(t.clone(true));
　　　　　　　　}
　　　　　　　　var t = $("<b><b>").css({"height": 1 , "margin" : "0 " + setting.m[i] + "px",
　　　　　　　　　　　　　　"border-width" : "0",
　　　　　　　　　　　　　　background-color":borderColor});
　　　　　　　　b.append(t);
　　　　　　　　b.prepend(t.clone(true));
          }
    });
    $(".content").borderRadius(5);//设置圆角
    $(".border1").borderRadius(5);
}