Html 为什么这个CSS的呈现对于IE6来说是一个问题？

我正在呈现网站右上角的一个小菜单。页面顶部始终会有一个“横幅”图形（1024x80像素），菜单必须呈现在其顶部。在IE7、IE8、FireFox和Safari中，菜单看起来不错。然而，在IE6中，菜单有时会出现，而在其他时间则不会出现，没有明显的模式。在下面显示的CSS中，我读到这是IE6中一些此类CSS问题的修复后，将“z索引”放在类定义中。然而，在伦德尔维尔仍然没有乐趣。任何帮助都将不胜感激

以下是为页面、标题和菜单定义的CSS：

Div.XPage { background-color: White; position:relative; width:1024px; border-left:1px solid #a4a4b1; border-right:1px solid #a4a4b1; margin:auto; text-align:left; z-index:10; }
Div.XHeader { background-color: White; clear:both; padding:0px; margin:0px; z-index:2; }
Div.XTopMenu { position:absolute; left:810px; top: 0px; width:214px; height:16px; background-color:#333333; z-index:3; }
Div.XTopMenuItem { width:70px; height:14px; margin-bottom:3px; text-align:center; float:left; }
Div.XTopMenuItem a { color: White; font-size:smaller; }

以下是使用这些CSS类的HTML：

<div class="XPage">
    <div class="XHeader">
        <a href='/Home.aspx'><img src="/images/Header.png" alt="Banner Graphic" border="0" width="1024" height="80" /></a>
    </div>
    <div class="XTopMenu">
        <div class='XTopMenuItem'><a href='/Home.aspx'>Home</a></div>
        <div class='XTopMenuItem'><a href='/Calendar.aspx'>Calendar</a></div>
        <div class='XTopMenuItem'><a href='/Logout.aspx'>Log Out</a></div>
    </div>
    ...
</div>

...

为什么要为页面设置z索引10？应该是在后台，对吧？您可以尝试将其索引设置为0或1吗？

为什么要将该页的z索引设置为10？应该是在后台，对吧？您可以尝试将其索引设置为0或1吗？

IE6存在z索引问题。在IE6中，z指数仅适用于兄弟姐妹

我会尝试的事情：

• 在html中颠倒菜单和标题的顺序
• 给标题一个负的z索引
• 在z-index上给菜单一个比标题更重要的线索，比如

  z-index:999

---

如果失败了，你可以尝试给IE6一个不同的标题图像，它不能掩盖你想要的菜单。在很多情况下，我一直在努力让IE6获得降级的支持，它是一个古老的浏览器，有太多的问题。所以，如果它是一种选择，我会考虑让它有一个稍微不同的外观。当然，这可能不取决于您。

IE6在z索引方面存在问题。在IE6中，z指数仅适用于兄弟姐妹

我会尝试的事情：

• 在html中颠倒菜单和标题的顺序
• 给标题一个负的z索引
• 在z-index上给菜单一个比标题更重要的线索，比如

  z-index:999

如果失败了，你可以尝试给IE6一个不同的标题图像，它不能掩盖你想要的菜单。在很多情况下，我一直在努力让IE6获得降级的支持，它是一个古老的浏览器，有太多的问题。所以，如果它是一种选择，我会考虑让它有一个稍微不同的外观。当然，这可能不取决于你

z索引仅适用于定位 元素（位置：绝对， 位置：相对，或位置：固定）

在Div.XHeader上没有这些，因此z索引被完全忽略

请阅读有关上的z索引的更多信息

z索引仅适用于定位 元素（位置：绝对， 位置：相对，或位置：固定）

在Div.XHeader上没有这些，因此z索引被完全忽略

---

请在

上阅读更多有关z-index的信息。恐怕没有直接有用的信息，如果您感到非常失望，请另提建议：

谷歌在GWT中成功地解决了这个问题，还有更多的问题。请不要投反对票-我不是建议在GWT中重写应用程序。不过，我建议您看看他们的代码。在各种组件的实现中，他们有专门针对WebKit、Opera、IE6中特定怪癖的部分，有时是整个类。。。他们的代码非常清晰，注释也很好，通常不仅包括“什么”，还包括“为什么”

---

这种方法的有效性将取决于您对相关代码（Java）的关注程度、理解程度以及将要点的实现转移到您自己的代码中的能力。

没有直接有用的信息，我担心，如果您足够失望的话，这只是另一个建议：

谷歌在GWT中成功地解决了这个问题，还有更多的问题。请不要投反对票-我不是建议在GWT中重写应用程序。不过，我建议您看看他们的代码。在各种组件的实现中，他们有专门针对WebKit、Opera、IE6中特定怪癖的部分，有时是整个类。。。他们的代码非常清晰，注释也很好，通常不仅包括“什么”，还包括“为什么”

---

这种方法的有效性将取决于您在关注相关代码（Java）方面的能力，理解它并将基本要素的实现转移到您自己的代码中。

当然不是正式的答案：因为IE6是一堆积垢。“为什么这种CSS的呈现对IE6来说是一个问题？”，这样说，我奶奶支持比IE6更多的网络标准，她是那种把计算机称为调制解调器的人DLol，我知道当我的网站IE%下降到我认为需要支持的水平以下时，我非常高兴。在这一点上，我可以接受对IE7的降级支持。我们“技术上”也不支持IE6，但我们与一家医院合作，特别是在那里，我的客户非常友好，非常支持我（对出版物的热烈评论等）。她的IT团队几年前开发了某种应用程序，并瞄准了IE6这个“积垢堆”（thanx Carl，你说得对）。他们既不会更新应用程序，也不会允许人们使用其他任何东西。当然，这不是一个官方答案：因为IE6是一堆积垢。“为什么这个CSS的呈现对IE6来说是一个问题？”换句话说，我的奶奶比IE6支持更多的web标准，她是那种把计算机称为调制解调器的人DLol，我知道当我的网站IE%下降到我认为需要支持的水平以下时，我非常高兴。在这一点上，我可以接受对IE7的降级支持。我们“技术上”也不支持IE6，但我们与一家医院合作，特别是在那里，我的客户非常友好，非常支持我（对出版物的热烈评论等）。她的IT团队在几年前开发了某种应用程序，目标是