日期:2014-05-17  浏览次数:20605 次

css3pie.让ie6,7,8也能支持css3部分效果

前端的攻城师们,Hign起来把,目前的CSS3越来越流行了,效果也越来越好了,可是蛋疼的IE9-就是不支持,肿么办呢?
难道做一个圆角边框、阴影、或者渐变也要用到图片吗? Oh .. It’s Shit. 今天看别人的源码的时候无意发现了一个以前未见过的神马咚咚…
pie.htc,这是神马?找Google大婶sos了几下瞬间查出来了,原来还有如此强大的工具.好,废话不说了.贴上效果图,

来自:http://www.zhjie.net/css3pie-ie678-will-support-css3-effects.htm

先下载库文件:http://css3pie.com/download-latest 

打开后有5个文件

一、使用.htc hack

帮助
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.box{
    margin: 20px auto 0;
    width:300px; height: 200px; border:1px solid #ccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: #ddd 2px 2px 2px;
    -moz-box-shadow: #ddd 2px