有你在真好 的个人博客
让IE支持border-radius
阅读:2328 添加日期:2021/3/22 16:07:19
"

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

 

方案一

 

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

 

 

代码:

 

 

Css代码  

  1. .test{  

  2.    -moz-border-radius: 3px;   

  3.    -webkit-border-radius: 3px;   

  4.    border-radius: 3px;  

  5.    behavior: url(border-radius.htc);  

  6. }  

 

 

 

 

扩展阅读:

 

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

 

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

 

 

方案二

 

    采用jquery的插件来做:

 

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

 

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


"
ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号