IE7嵌套div显示错误

Question

我有2个警告框在我用来覆盖页面的其余部分的“阴影”图层内。当用户点击一个按钮时，我会显示阴影图层和相应的警告框。当他们完成时，我隐藏了这两个div。这适用于除IE7以外的所有浏览器，如果您打开一个警报框，关闭它，然后打开另一个警报框，则会显示这两个警报框。我怎样才能解决这个问题？

<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'); 

Answer 1

它在IE中的错误。尝试一些关于谷歌的推荐，以便嵌套div。

尝试从

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