恼人的 IE6 错误答案

【问题标题】：Annoying IE6 bug恼人的 IE6 错误
【发布时间】：2011-09-02 19:12:55
【问题描述】：

阅读有关 z-index 问题并尝试了任何方法，但似乎无法解决此问题。

请在 IE6 中查看：http://bit.ly/ld54WO

非常感谢任何帮助。

非常感谢

【问题讨论】：

【解决方案1】：

我的解决方案是最小化浮动和定位/z 索引。问题，为什么需要红色容器是相对的？

我在一个风格最小的菜单中采取了主动（也没有使用 z-index）：

我建议不要让网站看起来“完全”与 IE6 相同。你会发疯的。

希望这是有道理的

【讨论】：

【解决方案2】：

部分问题可能是您使用的是 IE6 不支持的 HTML5（来自 HTML5 Boilerplate，http://html5boilerplate.com/）。我的猜测是，如果您将所有无效元素（导航、标题）更改为有效的 XHTML 或 HTML4，问题就会自行解决。

【讨论】：

这与问题无关 - 将 nav/header 更改为 div 不会产生任何影响。 HTML5 Boilerplate 包括 Modernizr，它增加了对旧版本 IE 中 HTML5 元素的支持。
Modernizr 帮助 IE6 识别这些元素，但浏览器仍然没有将预期的默认样式放在它们上面，将它们中的许多呈现为内联。
是的，但是 HTML5 Boilerplate 的 CSS 包含 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 。
准确；这是假设正在使用所有必要的文件。我只是提醒在 IE6 中谨慎使用这些元素。即使使用样板文件，仍然存在一些复杂性。

【解决方案3】：

最明显的解决方案是简单地将position: relative 从您的“NOT OK”div 中删除。

但是，我猜无论出于何种原因，这都不适合你。

因此，另一个解决方法是从 <header class="cl"> 中删除 position: relative。

我已经使用正版 IE6 在您的实际页面上对此进行了测试。

欲了解更多信息，请参阅：div layering problems

【讨论】：

【解决方案4】：

也许这会帮助你实现它。

【讨论】：