IE支持CSS3圆角

原文链接: http://www.cnblogs.com/q460021417/p/4354161.html

在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

转载于:https://www.cnblogs.com/q460021417/p/4354161.html

猜你喜欢

转载自blog.csdn.net/weixin_30685047/article/details/94785767
今日推荐