html5+圆角兼容ie8,IE6-IE8支持css3圆角属性的方法

我们都知道，css3中新增了许多效果，比如圆角、阴影、半透明等。这些看似不起眼的细节，能为网站增色不少。但是在IE6下会不显示，于是从网上查了下资料，找到了解决办法：

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

具体代码如下：

CSS：

#search{ width:190px; height:20px; background: #e8edf1;

border-radius: 15px; color:#8a8a8a; font-size:12px; padding-left:10px;

behavior:url(iecss3.htc); position:relative; z-index:2; outline:none; }

HTML:

在中使用behavior引入“iecss3.htc”插件文件即可。

让IE6-IE8支持CSS3圆角必备条件：

1、behavior: url(iecss3.htc)必须直接HTML中引入。

2、position:relative; z-index:2; 必须同时使用position和z-index两个CSS属性。

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/3746.html

微信打赏

支付宝打赏

感谢您对作者Eva的打赏，我们会更加努力！    如果您想成为作者，请点我