2011-04-25 56 views
0

我有2個警告框在我用來覆蓋頁面的其餘部分的「陰影」圖層內。當用戶點擊一個按鈕時,我會顯示陰影圖層和相應的警告框。當他們完成時,我隱藏了這兩個div。這適用於除IE7以外的所有瀏覽器,如果您打開一個警報框,關閉它,然後打開另一個警報框,則會顯示這兩個警報框。我怎樣才能解決這個問題?IE7嵌套div顯示錯誤

<div id="shadowLayer" style="display:none; z-index:2001; position:fixed; width:100%; height:100%;> 
<div id="MessageLightbox" style="display:none; z-index:3001; position:absolute;> 
<iframe></iframe> 
</div> 
<div id="RecordLightbox" style="display:none; z-index:4001; position:absolute;> 
<iframe></iframe> 
</div> 
</div> 

$('#shadowLayer').css('display', 'block'); 
$('#RecordLightbox').css('display', 'block'); 

$('#shadowLayer').css('display', 'none'); 
$('#RecordLightbox').css('display', 'none'); 

$('#shadowLayer').css('display', 'block'); 
$('#MessageLightbox').css('display', 'block'); 

$('#shadowLayer').css('display', 'none'); 
$('#MessageLightbox').css('display', 'none'); 

回答

1

它在IE中的錯誤。嘗試一些關於谷歌的推薦,以便嵌套div。

嘗試從

http://www.positioniseverything.net/explorer.html

+0

感謝您的鏈接鏈接 「的IE '非消失內容' 臭蟲」

。他們的解決方案沒有奏效,所以我最終給出了單獨的陰影圖層。 – Justin 2011-04-29 15:58:09