Question

当鼠标悬停在我的Web应用程序中的特定标签上时，必须显示的工具提示隐藏在相邻控件的后面，从而提供较少的可见性。它适用于IE7和Firefox，但不适用于IE6。这个问题可以解决这个问题吗？

谢谢，格塔

Answer 1

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

Answer 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中的其他控件。

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

2 个答案: