html5shiv、ie7.js和CSS3派。使用哪一个以及何时使用？

Question

我刚刚开始在我的文档中使用HTML5和CSS3。我理解JavaScript需要用这些新的标签和样式来提升I的速度，但我不知道什么时候该用哪种！

我的计划是使用html5shiv和IE9.js来管理HTML5标签和透明的pngs (以及它们修复的任何其他讨厌的错误)，但后来引起了我的注意。

我的问题是，如果我使用现代版，它能满足我对html5shiv和IE9.js的需求吗？或者我应该把这些也包括进来？重叠部分是什么，如果有的话？

CSS3派做了什么是现代人或其他人不能做的？或者反之亦然？

我很感谢你们的帮助。让我知道你在做什么！？

Answer 1

我对所有这些都有丰富的经验，每个都用了几年。

现代化

包含HTML5shiv功能还可以做更多的事情--如果你不使用其他功能，那么就不要使用它，它确实会减慢页面加载速度，但如果你需要的话，它是值得的！

HTML5shiv

非常小，只修复IE中的html5元素，没有其他东西。

CSS3PIE

允许您在较旧版本的IE中使用边界半径、渐变和长方体阴影。在IE 6中也允许PNG。增加了页面加载的明显延迟。

ie7.js (和ie9.js)

给你许多CSS3选择器，最小和最大宽度，多类和固定位置。如果你喜欢，也可以有一个png修复。似乎不会让事情变慢很多。

结论

我的建议分为两类：

如果你只是在使用新的(在互联网上2年是新的吗？！)元素和CSS3选择器，然后使用ie9.js + html5shiv。这是轻量级的，可以让你在不需要记住IE6不支持任何东西的情况下继续工作。

如果你使用了很多边框的东西，那么CSS3PIE会整理出边界半径和长方体阴影。渐变支持似乎有点古怪，所以我总是使用备用图像来代替。Modernizr可以让你轻松地为不同支持的浏览器提供不同的属性。我主要使用它来确定浏览器是否有CSS过渡和转换，因为它们对任何图像滑块或内容轮播都很有用。使用定制工具只包含你想要的功能是值得的-- webforms的东西会显示一个文本框，里面有50个，持续几毫秒，所以如果你不想要它，它是值得禁用的。

希望这对你有帮助！

Answer 2

我建议你只使用你需要的。在支持您正在使用的功能的浏览器中构建您的应用程序，并在您支持的其他浏览器中定期测试。如果有什么不能正常工作，找到适当的修复，无论是html5shiv、IE9.js、现代，还是CSS3派。您不会在一个页面中使用HTML5和CSS3中的所有新特性，因此您不需要包含现有的每个polyfill库。等到你发现你正在尝试使用的特性出现了问题，然后试着找到完成这项工作所需的库。

Answer 3

我主要使用的是CSS3Pie...it works。但是今天下午我在我的笔记本电脑上用I.E8测试了一下，it...it出了问题，禁用了一些css lines...when，我删除了css3pie代码，我的网站获得了两倍的speed...then，我遇到了很多关于css3 slowdown...So的帖子，此时我正忙着为IE7 & IE8找到另一种方法来设置边框半径和阴影。

如果您想使用it...please测试，因为它是非官方修复程序