IE支持CSS3圆角

时间:2023-01-03 04:44:43

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

具体CSS代码:

 .yuan {
border: 2px solid #C0C0C0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
padding:5px;
background:#FFF;
z-index:;
width:330px;
height:200px;
behavior: url(iecss3.htc)
}

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下载地址://bbsmax.ikafan.com/static/L3Byb3h5L2h0dHAvd3d3LmRpdmNzczUuY29tL3VwbG9hZHMvYWxsaW1nLzEzMDcvMV8xMzA3MDcyMDMwMzBfMS5wbmc=.jpg