工具提示隱藏在IE6控件後面！

將鼠標懸停在我的Web應用程序中的特定標籤上時，必須顯示的工具提示會隱藏在相鄰控件的後面，從而提供較少的可見性。它在IE7和Firefox中正常工作，但不在IE6中。對此問題的任何可能的解決方案？工具提示隱藏在IE6控件後面！

感謝，格塔

來源

2009-09-04 Geethapriya

設置Z指數 – 2009-09-04 07:07:44

Z指數沒有幫助..仍然存在IE6問題！（ – Geethapriya 2009-09-04 10:01:12

嘗試設置爲相對/絕對（是不是已經），然後明確設置z-index的每一個控制

來源

2009-09-04 06:53:11

試過這個..不工作雖然:( – Geethapriya 2009-09-04 10:02:19

這是一個惱人的「功能」的位置IE6來解決。

我過去所做的事實上是在工具提示後面放置一個iframe，它的位置和大小與工具提示完全相同。

例如HTML的：

CSS的

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

例如使用：

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來顯示尖端將在與z索引完全相同的位置定位工具提示iframe和DIV設置爲較小的值以確保它位於文本div的後面。 iframe將覆蓋IE6中的其他控件。

來源

2009-11-20 21:50:15 Kelsey

@Geethapriya如果這個答案或另一個幫助你，你應該設置一個被接受的答案，以便其他人閱讀這個問題可以找到幫助你的解決方案。 – Kelsey 2010-08-18 16:21:58

工具提示隱藏在IE6控件後面！

回答

相關問題