css3pie可以使得 IE 6-8 版本能够输出大多数非常有用CSS3修饰特性。
官方网站：http://css3pie.com/
演示地址：http://css3pie.com/demos/gradient-patterns/
重要功能实现：可以使 IE6、7、8 、9 实现类似 chrome 和 firefox
1. 更自然逼真的阴影效果，不再是以前那种丑陋的滤镜效果。
2. 实现很自然的圆角效果
3. 实现部分 CSS3 的强悍效果，如 多背景图，border-image，更强的背景渐变效果。
4. png 图片透明效果
CSS3pie是什么？
CSS3pie是一款非常优秀的CSS3
工具，可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等，通过这个工具，可以在线修改想要的效果，并即时生成css
代码。
css3pie怎么用？
1、下载CSS3PIE插件
下载地址：http://css3pie.com/download/ GitHub https://github.com/lojjic/PIE/downloads
2、使用
在下载完成的压缩里面，里面有三个文件，有一个名字为PIE.htc的文件，这就是让IE6-8能够支持部分css3特征的插件。
将pie.htc 文件，放到我们项目的文件夹中。
在css代码中在需要使用css3的地方添加behavior: url(PIE.htc)；指定到htc文件的位置就可以了（相对于
html文档）。
示例：
包括圆角、阴影和渐变三种效果。
.pie{
width: 200px;
height: 100px;
line-height: 100px;
font-size:14px;
border: 1px solid #669966;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666666 0 2px 3px;
-moz-box-shadow: #666666 0 2px 3px ;
box-shadow: #666666 0 2px 3px ;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(PIE.htc);
position:relative;
z-index:10;
}
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://fly63.com/nav/3268
