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

假期很短暂,快乐却无边,工作很苦闷,赚钱最重要,陶醉在假期的快乐中,奋斗在工作的战线中,苦中寻乐一点甜,快乐与你长相伴。
我们都知道,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色),它真的有帮助的脚本黑客攻击。你应该给它一个试试吧!
在这里下载脚本。

以上就是CSS3支持IE6, 7, and 8的边框border属性。不要为明天忧虑,因为明天自有明天的忧虑;一天的难处,一天担当就够了。更多关于CSS3支持IE6, 7, and 8的边框border属性请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
一个一篇关于border-radius值设置的问题记录

详解css样式中的border-image

深入浅析border和outline区别

border-radius以外的CSS圆角边框制作方法

css border属性的如何使用方法和技巧