手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS3支持IE6, 7, and 8的边框border属性
CSS3支持IE6, 7, and 8的边框border属性
摘要:我们都知道,IE6,7不支持新增加的CSS3属性,甚至与IE8是CSS3还没有完全准备好。你知道吗,今天给大家分享一个脚本工具,可以帮助您启...

我们都知道,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属性】相关文章:

CSS Overflow 属性

CSS里的 no-repeat属性是什么

CSS3 实现侧边栏展开收起动画

CSS的position属性在DIV层中的应用

CSS3灵活的盒子模型(Flexible Box Module)

CSS3对background的调整和增加的属性

实现CSS3中的border-radius(边框圆角)示例代码

兼容IE6的图片圆角边框CSS

CSS3边框-边框颜色(border-color)

CSS在IE与Firefox下的兼容性

精品推荐
分类导航