本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。
推荐:《css视频教程》
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;}
效果图:
更多web前端开发知识,请查阅 html中文网 !!
以上就是css3 pie怎么用的详细内容。