解决ie7，8不能使用css3的border-radius的方法

我们都知道css3的熟悉从支持ie9开始，那么ie7，8怎么使用border-radius这一css3特效呢？

其实非常简单，接下来就说一种我自己用过的方法。

1、首先下载ie-css3.htc

2、html代码：

< div class="box" > </ div >

3、style代码：

< style >

.box {

position: relative;

z-index: 2;

width: 2 00px;

height: 2 00px;

background-color: red;

-moz-border-radius: 15px; /* Firefox */

-webkit-border-radius: 15px; /* Safari 和 Chrome */

border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

behavior: url ( 此处为ie-css3.htc的绝对路径 ); /* 通知IE浏览器调用脚本作用于'box'类 */

}

< / style >

4、ie7,8浏览器下的截图: