如何使用CSS3 Pie来实现Internet Explorer的现代化

面向Web开发人员面临的最大难题之一是各种Internet Explorer版本与当前Web标准的不兼容性。虽然微软承诺CSS3甚至HTML5支持IE9,Windows用户,尤其是企业,可能会在未来几年继续使用IE8,IE7,甚至可怕的IE6.

结果,编码具有独家CSS3功能的网站只会疏远您网站的大部分

A的一个可能的解决方案是使用一个现代化器,它是一个脚本或应用程序,使用各种各样的技巧,使您的网站在所有浏览器中都应该出现。CSS3 Pie是基于javascript的现代化程序,可帮助Internet Explorer识别酷酷的CSS3功能,如圆角,柔和的阴影和渐变填充。它是快速,容易,大部分时间用很少的调整工作。

安装和安装

本简要教程假设您已经有一个带有CSS3元素的网站。为了让CSS3饼干工作,你需要做两件事情,在上面的javascript文件中加上特殊的代码。

如何使用CSS3 Pie来实现Internet Explorer的现代化

1.从css3pie下载。com网站包含多个文件,但如果一切顺利,您需要的只是PIE。htc,它是一个压缩的文本文件。将其上传到您的Web服务器上您的CSS文件可以访问的地方。

2.在文本编辑器中打开您的CSS文件,并找到包含CSS3属性的元素。在这些元素中,添加以下rule:

behavior: urlHTChtc文件需要精确,所以如果它不在与CSS文件相同的目录中,请相应地进行更改。

最后的元素应该是这样的,像这样的.1010mh1112

#element1HTC

Troubleshooting

如果您看不到任何更改,您很可能需要调整您的PIE的路径。甚至使用完整的URL。只要记住,IE将只接受来自与该站点相同域的htc文件,现场。COMCOM

在某些情况下,您可能需要尝试PIE_uncompressed。htc甚至PIE。PHP让它正常工作。有关详细信息,请参阅文档。

我注意到透明度和粗体文本的组合在IE8中产生了一些疯狂的词语。在这些情况下,您可能仍然需要使用透明的图像背景。

CSS3 Pie和一些jQuery功能的组合似乎在IE中产生错误。我还没有找到解决方案,但是页面仍然加载并正确显示,尽管如此。

Modernization

如何使用CSS3 Pie来实现Internet Explorer的现代化

很少的努力,CSS3 Pie可以帮助您的网站在所有主流浏览器中始终如一地吸引人,而不用头痛地形成角色图像或制作假阴影。该网站的首页包括一个演示,以便您可以调整CSS3属性,并在Internet Explorer中查看实时结果。最好的CSS3饼是免费的和开源的,可免费下载。

."

管理员

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: