IE8 网站崩溃

Question

我正在为一个在 IE8 中呈现不正确的客户端开发一个 Wordpress 站点（修改后的 2012 主题）。在 IE9+ 以及当前版本的 Chrome、FF、Safari 等中，一切看起来都很棒。我已经查看了一些为解决问题而发布的建议，但我不太确定我的从哪里开始。整个页面被严重破坏。如果有人能给我一些线索，那将是一个巨大的帮助。谢谢！

My Site

编辑：我注意到我的一些样式没有被应用，特别是顶部导航和页脚。其他人似乎拥有大部分（如果不是所有的话）样式大部分都完好无损。我读过 IE8 不支持媒体查询，但我看不出这有什么关系。我还读到只能应用 31 个样式表，但我不相信我使用了那么多。

Answer 1

不久前我有一个项目，我建立了一个内部网，当我意识到大多数用户都依赖 IE8 时，我几乎完成了皮带；这是一次令人震惊的经历，可以告诉你。这只是一个序言，所以我知道你喜欢什么。

我已经浪费了很多时间来保护你的安全（也许），这里是我寻找并且可能会做的事情：

• 如果您还没有安装 IE8。有很多工具可以帮助您解决这些问题，例如 IE Tester 以及来自 Microsoft 的集成安装以直接在版本之间切换
• 在开始处理特定的 IE8 问题之前，首先消除当前错误（正如 @markratledge 已经提到的）
• 如果你也想让 HTML5 元素正常工作，那么我推荐HTML5.js Enabling Script
• 您肯定有太多 HTTP 引荐来源网址（即使对于现代浏览器也是如此），在 IE8 中（尤其是在较慢的机器上）它有时是致命的（您的页面可能加载速度很快，但是渲染时间非常长（+/- 6-20 秒））
• 合并和缩小 CSS 和 JScript
  • 网络上有很多服务，您可以在其中输入原始数据，它会为您编译一个缩小版本，或像 Minify for PHP5 这样的服务器端
• 将大部分脚本移至底部以防止 IE8 中的渲染问题
• 只为 IE8 制作一个独特的 .css 或使用 hacks，如果您的 main 中确实需要，但您更喜欢（尽管是快速的'n'dirty 解决方案）
• IE8 and the X-UA-Compatible situation
  • How IE8 Determines Document Mode
• 我不太确定，但我认为 Mootools 和 jQuery 一起可能在旧版 IE 中产生冲突（假设）

修复您的代码错误，尤其是文档类型上方的 JS 调用。 doctype 之上的任何内容都会使 IE 进入怪癖模式

尤其是 IE8 会因为代码中的小错误而对你造成很大的伤害，我什至看到脚本包含由于在代码中的位置低于另一个而无法工作（而任何其他浏览器并不真正关心）。修复/擦除所有这些错误并使其与 IE8

请注意，大多数客户（至少根据我的经验）不（想要）理解像这样的浏览器兼容性问题（它必须工作！）或者如果真的需要，那么让他们理解某些功能可能在特定浏览器中受到威胁/不完整。

您可以做的还有很多，但这取决于您的截止日期/时间跨度。

Answer 2

修复您的代码错误，尤其是文档类型上方的 JS 调用。 doctype 之上的任何内容都会使 IE 进入怪癖模式

见[Invalid] Markup Validation of delindesign.com excellence - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。开始修复代码错误并重新验证。