大家都知道IE 6,IE7,IE8不支持css3中新加属性，老外写了一个ie-css3.htc，主要利用的是VML原理，可以让IE 6,7,8支持部分的CSS3属性,包括：border-radius（圆角），box-shadow（阴影），text-shadow（文本阴影）。
使用是很容易的，看下面的示例代码：
| 代码如下 | 复制代码 |
| .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属性，不需要化妆、修饰或是化身为变形金刚，这也是此方法的优点所在。
PS:htc文件一定要放在服务器上，放在本地测试是不行的！而且考虑到性能问题，尽量不用htc文件。
时间： 2024-08-02 07:47:28