让IE支持border-radius

 

 很多时候我们需要在IE下支持一些圆角，但是又懒得去用复杂的css代码去各种拼接的话，有下面两种方面：

 

方案一：

 

我们可以采用这个htc的文件。

 

 

代码：

 

 

.test{
   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px; 
   border-radius: 3px;
   behavior: url(border-radius.htc);
}

 

 

 

 

扩展阅读：

 

1、http://www.css88.com/archives/2230

 

2、http://code.google.com/p/curved-corner/

 

 

方案二：

 

    采用jquery的插件来做：

 

    http://www.malsup.com/jquery/corner/

 

附件为第二个地址下的源码，有兴趣的可以自己down了看看这个htc的文件。