无法解决 IE 呈现问题答案

【问题标题】：Unable to resolve IE rendering issues无法解决 IE 呈现问题
【发布时间】：2014-02-25 04:40:14
【问题描述】：

我建立的第一个网站在 IE9 旧版本中很无聊。兼容模式没有帮助。我的雇主商店都是mac，我测试过的几台PC都可以正常渲染，但是客户端运行的是IE9，并且加载不正确。我在运行 IE6 的运输部门的旧 PC 上进行了尝试，结果类似。

在该网站在客户的域中上线之前，我们已经尝试修复该网站数小时。上演于：http://hjshopper.com/littfin.temp/index.php

如果有人有任何建议，我真的很感激，因为我不知所措。

[更新] 所以我已经解决了大部分问题。基本上我是一个使用旧 IE 不喜欢的 html5 标签（标题、部分等）的新手（现在很明显）。将它们更改为带有类等的 div 解决了 90% 的问题。不，我只需要找出阻止下拉菜单显示在主要内容顶部的 IE Z-index 错误。

【问题讨论】：

具体是什么破坏了？我尝试在 IE11 中加载它，它看起来不错。

标签： css internet-explorer internet-explorer-9

【解决方案1】：

我在 IE 9（在 Windows 7 上）中打开了您的网站，它运行良好，但如果我打开浏览器的“兼容模式”，则网站呈现错误。在这种情况下，您有 2 个选项： - 告诉用户禁用兼容模式。 - 将此标签添加到您的网站标题：。它强制浏览器使用可用的最新渲染引擎，尽管用户进行了配置（可能选择了 IE 8 或 7 的标准，或者启用了兼容模式）。希望对您有所帮助。

【讨论】：

【解决方案2】：

如果只针对 IE 使用额外的 css，那是更好的方法

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all_ie_sucks.css" />
<![endif]-->

对于 IE 8 和 9

<!--[if gte IE 8]>
    <link rel="stylesheet" type="text/css" href="get_real_browser.css" />
<![endif]-->

这样就可以了..

而且因为你还需要一些真正旧的浏览器，比如 IE，这会做::

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6-really.css" />
<![endif]-->

但请注意，这仅适用于 IE 6，如果您想针对 IE6 以上的所有浏览器，这可能是您想要的

<!--[if gte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6-and-rest-old-stuff.css" />
<![endif]-->

但我会为它们中的每一个创建一个，因为它们都以不同的方式呈现东西..

【讨论】：

所以我在 index.php 上试试这个：但是在运输部的旧ie6电脑上好像看不到。