Я разработал следующий код JS в Firefox:
show_message("Menu is being loaded ...");
load_menu();
hide_message();
function show_message(mesg) {
mmw_content.textContent = mesg;
mmw_content.style.display = mmw_shade.style.display = "block";
}
function hide_message() {
mmw_content.style.display = mmw_shade.style.display = "none";
mmw_content.textContent = "";
}
CSS для затененного фона и модального сообщения выглядит следующим образом:
/* modal message window */
#mmw_shade {
display: none;
position: fixed;
z-index: 100;
background: silver;
opacity: 0.25;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#mmw_content {
display: none;
background: lightgray;
border: 2px solid grey;
border-radius: 3px;
padding: 3px;
}
Окно модального сообщения отлично отображается и скрывается в Firefox, но в Chrome отображение окна не выполняется. Кажется, что это как-то задерживается и отображается только перед тем, как скрыть, хотя загрузка меню между ними занимает 4 секунды. Однако, когда я просматриваю код в режиме отладки, он показывает.
Работает ли Chrome JS со стеком программы иначе, чем Firefox?