IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法。AjiHTML5中文学习网 - HTML5先行者学习网
首先下载ie-css3.htc脚本,然后在css中加入:AjiHTML5中文学习网 - HTML5先行者学习网
behavior: url(ie-css3.htc);例如:AjiHTML5中文学习网 - HTML5先行者学习网
CSS Code复制内容到剪贴板
- .box {
- -moz-border-radius: 15px;
- -webkit-border-radius: 15px;
- border-radius: 15px;
- -moz-box-shadow: 10px 10px 20px #000;
- -webkit-box-shadow: 10px 10px 20px #000;
- box-shadow: 10px 10px 20px #000;
- behavior: url(ie-css3.htc);
- }
注意:behavior: url(ie-css3.htc) 中的ie-css3.htc地址用绝对路径或者直接传到网站的根目录下面,要不然可能会看不到效果。AjiHTML5中文学习网 - HTML5先行者学习网
AjiHTML5中文学习网 - HTML5先行者学习网
官网下载:http://fetchak.com/ie-css3/AjiHTML5中文学习网 - HTML5先行者学习网