CSS3支持IE6, 7, and 8的边框border属性
程序员文章站
2023-01-06 08:55:25
我们都知道,IE 6,7不支持新增加的CSS3属性,甚至与IE8是CSS3还没有完全准备好;今天给大家分享一个脚本工具,可以帮助您启用CSS3的支持IE浏览器(IE6)与新的CSS3属性... 12-12-28...
我们都知道,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色),它真的有帮助的脚本黑客攻击。你应该给它一个试试吧!
。
使用方法很简单:
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色),它真的有帮助的脚本黑客攻击。你应该给它一个试试吧!
。
推荐阅读
-
ie6,ie7,ie8完美支持position:fixed的终极解决方案
-
CSS3支持IE6, 7, and 8的边框border属性
-
支持IE6、IE7、IE8等低端浏览器的简化版vue
-
让 IE6, 7和 8支持CSS3 css3ie6/ie7/ie8兼容
-
ie6,ie7,ie8完美支持position:fixed的终极解决方案
-
ie 7/8不支持trim的属性的解决方案_javascript技巧
-
IE6/7/8/9不支持exec的简写方式_javascript技巧
-
css :border-spacing属性在 IE6 IE7 IE8(Q) 不支持
-
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题_javascript技巧
-
一种让 IE6/7/8 支持 media query 响应式设计的方法_html/css_WEB-ITnose