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>

效果图：

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

posted @ 2015-03-20 17:13  Xpress  阅读(246)  评论(0)  编辑  收藏  举报