无法解决 IE 呈现问题

Question

我建立的第一个网站在IE9旧版中变得如此无聊。兼容模式无济于事。我的雇主商店都是Mac，我测试的几台PC渲染正常，但客户端运行的是IE9，并且加载不正确。我在运输部门的一台旧PC上尝试了运行IE6和类似的无聊结果。

在客户域上线之前，一直在尝试修复此站点数小时。上演时间：http://hjshopper.com/littfin.temp/index.php

如果有人有任何建议，我将不胜感激，因为我不知所措。

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

Answer 1

我在IE 9（在Windows 7上）中打开了您的网站，它工作正常，但是如果我打开浏览器的"兼容模式"，则网站呈现错误。在这种情况下，您有 2 个选项：- 告诉用户禁用兼容模式。- 将此标签添加到您的网站标题：。它强制浏览器使用可用的最新渲染引擎，而不管用户配置了什么（可能选择IE 8或7的标准，或启用兼容模式）。希望有帮助。

Answer 2

使用额外的 css 仅针对 IE 怎么样，这是更好的方法

<!--[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]-->

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