我们都知道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浏览器下的截图: