最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
让IE6/IE7/IE8浏览器支持CSS3属性方法
时间:2022-06-25 11:08:29 编辑:袖梨 来源:一聚教程网
大家都知道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文件。
相关文章
- TRON是什么币 05-02
- 2025年比特币走势 05-02
- Binance.US已上线VIRTUAL 04-30
- binance官网电脑下载_binance苹果版下载地址V2.57.7 04-30
- 比特币交易量最大的交易所是哪个?全球最大的比特币交易平台排名 04-30
- 奥比岛梦想国度卡死闪退有哪些解决方法 04-30