修复IE中的CSS和其他问题

Question

使网站在IE中正确显示是一个大问题。是否有任何java脚本库来修复与Internet Explorer（7,8,9）相关的所有CSS和其他问题，并使其像Google Chrome，Firefox一样工作？

Answer 1

1. 使用doctype以标准模式进行网页渲染，而不是quirksmode

2. 查看properties in CSS you can use以及浏览器支持的内容

3. 如果您打算使用HTML5 / CSS3技术，那么您应check the property以及当前正在实施这些新技术的浏览器

4. 您可以使用CSS reset重置CSS，以便在样式中从头开始

5. 如果您需要为页面构建稳定的基础，请考虑使用“基础”样式框架，如Blueprint CSS的排版和表单CSS。

6. 使用jQuery，Mootools，Dojo等工具包。这将加速您的JS开发。但是从不让JS做造型和样式修复。这是CSS的工作。

7. 当然，永远不要假设你的设计有效。您必须在所有可用的浏览器，当前版本，2个版本以及测试版上进行测试。

Answer 2

要记住的一件重要事情是，不同的浏览器对错误的反应不同。因此，请确保您的HTML和CSS免费传递W3C validator错误。这将大大有助于确保您的网站在不同的浏览器上看起来一样。

另外，不要使用怪癖模式。不同的浏览器有不同的怪癖！

Answer 3

如果您指的是某些CSS3样式，那么建议您查看CSS3 PIE。

Answer 4

简短回答是否定的，但您可以使用caniuse.com

检查IE中不支持哪些属性

http://selectivizr.com/或http://css3pie.com/会对您有所帮助，但如果禁用了js，它们都将无效。

如果您使用的是html5 http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

，请阅读此内容

约瑟夫说的话。

您可以随时使用http://browsershots.org/查看结果，但它只是一个屏幕截图，因此它不会让您了解单击/悬停在其上时的行为方式等。

Answer 5

简短的答案是肯定的，您可以使用Modernizr和HTML5 Boilerplate的组合来定位旧版本的IE。 Modernizr现在包含在HTML5Boilerplate包中。

有关HTML5Boilerplate方法的更多详细信息：

HTML5 Boilerplate, IE7 & 8