工具提示隐藏在 IE6 中的控件后面！答案

【问题标题】：Tooltip gets hidden behind controls in IE6!工具提示隐藏在 IE6 中的控件后面！
【发布时间】：2009-09-04 06:50:57
【问题描述】：

在我的 Web 应用程序中将鼠标悬停在特定标签上时，必须显示的工具提示隐藏在相邻控件的后面，从而降低了可见性。它在 IE7 和 Firefox 中正常工作，但在 IE6 中不可用。有任何可能的解决方案吗？

谢谢，吉萨

【问题讨论】：

z-index 没有帮助..IE6 中仍然存在问题！:(

标签： asp.net internet-explorer-6 tooltip

【解决方案1】：

尝试将位置设置为相对/绝对（是否还没有），然后为每个控件显式设置 z-index

【讨论】：

【解决方案2】：

这是 IE6 令人讨厌的“功能”。

我过去所做的实际上是将 iframe 直接放在工具提示后面，与工具提示的位置和大小完全相同。

例如 HTML：

<iframe id="iframeHint" runat="server" class="PopupHint"></iframe>
<div runat="server" id="divHint" class="PopupHint">
   Tool tip text here.
</div>

使用的 CSS 示例：

div.PopupHint
{
    position: absolute;
    width: 300px;
    left: -1000px;
    border: 1px solid #2F4F88;
    padding: 2px 2px 2px 2px;
    background-color: #E5ECF9;
    color: #000000;
    visibility: hidden;
    z-index: 1001;
}

iframe.PopupHint
{
    position: absolute;
    width: 300px;
    left: -1000px;
    padding: 2px 2px 2px 2px;
    visibility: hidden;
    z-index: 1000;
}

显示提示的 javascript 会将工具提示 iframe 和 div 定位在完全相同的位置，并将 z-index 设置为较小的值，以确保它位于文本 div 后面。 iframe 将覆盖 IE6 中的其他控件。

【讨论】：

@Geethapriya 如果此答案或其他答案对您有所帮助，您应该设置一个可接受的答案，以便阅读此问题的其他人可以找到对您有帮助的解决方案。