让IE6/IE7/IE8浏览器支持CSS3属性

来源:互联网 发布:梦龙网络计划2016 编辑:程序博客网 时间:2024/05/18 01:33

IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法

使用是很容易的,看下面的示例代码:

.box {  -moz-border-radius: 15px; /* Firefox */  -webkit-border-radius: 15px; /* Safari 和 Chrome */  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */  -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */}

可以看到,除了最后添加了behavior这么一句,CSS3属性还是那个CSS3属性,不需要化妆、修饰或是化身为变形金刚,这也是此方法的优点所在。


0 0
原创粉丝点击