日期:2014-05-17 浏览次数:20537 次
下载地址 :http://css3pie.com/
?
入门
下面的说明,应该让你在大多数情况下的PIE运行。如果您的问题沿途运行,征询我们的已知问题页面,或要求在帮助论坛。
第1步:下载
下载PIE分布,并解压缩它的地方。
第2步:上传
解压后的目录内,你会发现文件名为PIE.htc。这是IE浏览器的行为的文件,是所有的魔法。这个文件上传到你要去的地方,为使用CSS3的网页服务器。不要紧,确切位置在哪里,只要你知道它在哪里。
第三步:写一些CSS3的
假设你已经有了一个HTML文件,让我们说,你想给圆角的元素之一。创建该元素的CSS规则,并给它像这样的边界半径的风格:
#myAwesomeElement { border: 1px solid #999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }?
(注意:WebKit的和MOZ-前缀的版本;圆角工作在WebKit和基于Mozilla的浏览器,这些都是必要的。)
第4步:申请的PIE
在相同的CSS规则,添加下面的风格路线:
behavior: url(path/to/PIE.htc);?
当然,您将需要调整的路径,以符合你在第2步上传PIE.htc。注:这个路径是相对于正在观看的HTML文件,CSS文件,它被称为从。
步骤5:在IE浏览器中查看
如果一切顺利,在这一点上,你应该能够在IE浏览器加载页面,就像其他浏览器提供的CSS3圆角。现在你可以玩一些其他支持CSS3的装饰品,如箱阴影。看到关于文件支持CSS3的功能,看什么的PIE可以做,如果你遇到问题的已知问题页面描述的最常见的陷阱。玩得开心!
?
?
另附上我的demo
?