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:

<input name="search" type="text"  id="search" placeholder="请输入关键字" border="0"/>

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

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

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

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