CSS3支持IE6, 7, and 8的边框border属性

前端  /  管理员 发布于 8年前   256

我们都知道，IE 6,7不支持新增加的CSS3属性，甚至与IE8是CSS3还没有完全准备好。你知道吗，今天给大家分享一个脚本工具，可以帮助您启用CSS3的支持IE浏览器（IE6）与新的CSS3属性，包括：border-radius属性，box-shadow（阴影），text-shadow（影子的文本）。

使用方法很简单：
behavior: url(ie-css3.htc);
代码

复制代码代码如下:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

虽然也有一些问题的z-index和box-shadow颜色（＃000色），它真的有帮助的脚本黑客攻击。你应该给它一个试试吧！
在这里下载脚本。