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的问题。

尝试链接“IE'非消失内容'错误”

这

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

IE7嵌套div显示错误

1 个答案: