让IE支持border-radius

CSS/设计
500
0
0
2022-03-22

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

方案一

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

代码:

Css代码  

.test{  
   -moz-border-radius3px;   
   -webkit-border-radius3px;   
   border-radius3px;  
   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的文件。

  • border-radius-demo.zip (2.9 KB)