CSS3支持IE6, 7, and 8的边框border属性
发布时间：2012-12-28 11:00:33 作者：佚名 
我要评论
我要评论我们都知道，IE 6,7不支持新增加的CSS3属性，甚至与IE8是CSS3还没有完全准备好;今天给大家分享一个脚本工具，可以帮助您启用CSS3的支持IE浏览器（IE6）与新的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色），它真的有帮助的脚本黑客攻击。你应该给它一个试试吧！
在这里下载脚本。
使用方法很简单：
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里引入的很多新特征中，这篇文章主要介绍了css3图片边框border-image的用法,具有一定的参考价值，有兴趣的可以了解一下2017-06-30
- 本篇文章主要介绍了CSS3实现内凹圆角的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-04
- 这篇文章主要为大家详细介绍了CSS3边框的不同效果实现代码，包括CSS3圆角边框、盒阴影、边界图片的制作方法，感兴趣的小伙伴们可以参考一下2016-07-01
- CSS3的box-shadow用来制作多重边框真的比较给力,这也是本文CSS3实现多重边框的方法总结的重点,不过在此之前我们还是先来看一下兼容性较好的传统方式:2016-05-31
详解CSS3的box-shadow属性制作边框阴影效果的方法
这篇文章主要介绍了CSS3的box-shadow属性制作边框阴影效果的方法,box-shadow属性还是十分强大的,能设定阴影的水平或垂直位置,以及阴影的颜色和尺寸等,需要的朋友可以参考下2016-05-10- 这篇文章主要介绍了详解CSS的border边框属性及其在CSS3中的新特性,既涵盖了基础的边框宽度与颜色设置又讲到了CSS3中的图片边框及边框渐变,需要的朋友可以参考下2016-05-10
- 这篇文章主要介绍了一款效果非常炫酷的CSS3按钮边框动画特效,按钮的边框会以不同的方式进行各种动画，感兴趣的小伙伴们可以参考一下2016-03-16
- css3中新增了一个属性 border-image ，这个属性允许开发者使用图片来定义边框,扩充了 CSS2 中仅有的几个预定义边框样式(border-style)。本文给大家介绍css3 border-image边2015-11-24
- 本篇文章给大家介绍基于css3来实现边框圆角效果，实现此效果当然border-radius要在firefox或Safari 和 Chrome才能实现哦。对css3圆角边框制作代码感兴趣的朋友参考下吧2015-11-18
- 这篇文章主要介绍了css3圆角边框和边框阴影示例,需要的朋友可以参考下2014-05-05
最新评论