欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 前端开发 > Html5+css3 >

ie-css3.htc 让IE6, 7, and 8也支持box-shadow

更新时间:2013-09-26 浏览次数:

IE6/7并不支持css3的属性,IE8也不能很好的支持css3.如何让IE6/7/8支持border-radius(rounded),box-shadow(shadow),text-shadow等这些属性呢?可以通过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); 
width:300px;
height:300px;

注意:behavior: url(ie-css3.htc) 中的ie-css3.htc地址用绝对路径或者直接传到网站的根目录下面,要不然可能会看不到效果。

上面是样式,有了样式以后在<body>中引用:

<div class="box">
做一个比阳光更阳光的女孩!
</div>
ie-css3.htc下载地址
关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!