让您的网站与 IE 兼容 - 从哪里开始？答案

【问题标题】：Make your site compatible with IE - Where to start?让您的网站与 IE 兼容 - 从哪里开始？
【发布时间】：2012-06-26 00:11:03
【问题描述】：

所以我几乎完成了我为学校舞会制作的网站。现在，我刚刚在 Internet Explorer 中检查了它，而且，它毫无希望。元素不在它们应有的位置，大多数 JavaScript/jQuery 根本不起作用。我不知道从哪里开始使我的网站与 Internet Explorer 兼容。使您的网站与 IE 兼容的最佳方法是什么？

【问题讨论】：

我们来看看代码吧！
IE 通常因为怪癖模式而更加挑剔。确保您的页面在 W3 validator 中验证应该会有很大帮助。
你说的是整个 JS 和 CSS，因为它很多......
我不知道到底发生了什么，因为我在 IE 中看不到它的样子，但如果你还没有，你可能想看看使用 CSS 重置，它可能会修复一些跨浏览器平台的定位差异。

标签： javascript jquery css internet-explorer

【解决方案1】：

跨浏览器的主要步骤是DOCTYPE Declaration。它是对 Web 浏览器的指示，说明页面是用什么版本的 HTML 编写的。

【讨论】：

哇，仅此一项就帮助了很多。我不知道定义文档类型如此重要！我认为我仍然有一些错误，但这是一个巨大的改进！非常感谢（：

【解决方案2】：

修复已经损坏的东西将是谋杀...您确实需要从正确的角度开始，因为您可能需要重新编写网站的大部分内容才能使事情再次正常运行。

回去？那么最简单的事情就是开始一个新的布局（使用以下指针），然后将您的站点移动到新框架中。根据您网站的规模，这并非易事。您的替代方案是一对一的代码调试，可能是firebug light

展望未来，您如何构建一个更全面地工作的网站？

1 使用reset CSS 样板

我喜欢http://html5reset.org/ 的html5。这些应用层的 CSS 让每个浏览器看起来都一样（你的 CSS 然后给它你想要的样式）。请注意，它们没有解决浏览器计算事物的各种方式 - 边框是否是宽度的一部分（firefox/ie 差异）

2 使用 JS 库

或者编写自己的代码，但请注意浏览器之间的所有差异，而不仅仅是为您正在使用的代码编写代码。为可以在任何浏览器中运行的库构建一些 JS 测试，以确保库按预期执行，然后处理任何站点异常。有太多 JS 库无法推荐，但 Prototype.js 和 jQuery 是最受欢迎的两个。

【讨论】：

【解决方案3】：

众所周知，浏览器之间存在差异。浏览器呈现 CSS 代码的方式也不同。您应该检查零件并查看它如何或是否按您的意愿工作。 :) 没有一对多的解决方案。经验会让你知道什么有效，什么无效。但首先，您可以隔离 IE（javascript 代码）中不起作用的内容，然后查看您有哪些替代方案。至于外观，可以选择拥有单独的 CSS 文件，特别是对于 IE。但是，通常有一种技术（实现相同外观的不同方法）可以让您创建所需的外观，而无需多个版本的代码。

【讨论】：