IE支持CSS3圆角

在CSS中使用CSS插件文件即可让IE6/IE7/IE8浏览器。

具体CSS代码:

 1 .yuan { 

 2 border: 2px solid #C0C0C0; 

 3 -moz-border-radius: 10px; 

 4 -webkit-border-radius: 10px; 

 5 border-radius: 10px; 

 6 position:relative; 

 7 padding:5px; 

 8 background:#FFF; 

 9 z-index:2; 

10 width:330px; 

11 height:200px; 

12 behavior: url(iecss3.htc) 

13 } 

CSS中使用behavior引入“iecss3.htc”插件文件即可。DIVCSS5提示注意,要让IE6-IE8支持,需要将“behavior: url(iecss3.htc)”引人CSS代码直接放到HTML文件源代码内才能生效。

让IE6-IE8支持CSS3圆角必备条件:
1、behavior: url(iecss3.htc)必须直接HTML中引人;
2、position:relative; z-index:2; 必须同时使用position和z-index两个CSS属性。

<div class="yuan"> 

DIVCSS5圆角实例<br> 

CSS3版本圆角实例,<br> 

支持低版本IE6-IE9浏览器 

</div>

效果图:

IE支持CSS3圆角

iecss3.htc下载地址:http://www.divcss5.com/uploads/allimg/1307/1_130707203030_1.png

你可能感兴趣的:(css3)