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

PIE使ie6-9支持css3

下载地址 :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

?