1

我有一個彈出式對話,這只是divdisplay:none不用時。 它在大多數情況下都能正常工作,但在iframe中顯示的另一個站點設法顯示在div的頂部時。Div與z指數:9999被iframe隱藏與z指數:-1 IE8-

正如標題所說,我試過使用z-index沒有運氣。它適用於IE9,FF,Chrome和Safari。 IE8,IE7和IE6全部失敗。

任何可能導致這種情況或者如何修復的想法都會很棒。我一直無法在小範圍內重新創建問題,這是我很遺憾無法提供示例代碼的原因。

我唯一的預感是它與iframe中的內容的大小調整有關,但這是一種未經驗證的預感。

+1

你有沒有嘗試'位置:相對'修復最頂級的div? – jackJoe

回答

0

的tricvk原來是放置相同大小的一個iframe在div下的相同座標上。

0

這很難說肯定沒有看到代碼,但我懷疑你看到this IE z-index bug

在Internet Explorer中定位的元素生成一個新的堆疊 背景下,開始爲0的z-index的值因此z-index不會 正常工作。

的解決方案是(相對)彈出窗口的父元素,並給它一個高z索引位置:

<div id="parent" style=" position: relative; z-index: 9999;"> 
    <div id="popup" style="z-index: 999;"></div> 
</div> 
+0

會解釋爲什麼iframe中的文檔元素與iframe之外的內容關聯? iframe/popup集成(在主文檔中)可解決任何問題。它只針對iframe中的特定內容而失敗 –