У меня есть 2 окна предупреждений внутри «теневого» слоя, который я использую, чтобы покрыть остальную часть страницы.Когда пользователь нажимает кнопку, я показываю теневой слой и соответствующее окно предупреждения.когда они заканчивают, я прячу оба этих элемента.Это прекрасно работает во всех браузерах, кроме 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');