Добрый день!
Я делаю прелоадер ожидания завершения обработчика нажатия кнопки. Кнопка находится в модальном окне.
На странице создан полупрозрачный div блок, который при нажатии должен перекрывать всю страницу, и не позволять ничего делать, а по завершению обработчика события, снова возвращаться в нулевой слой.
Реализовать это я думал изменением z-index. Но проблема в том, что при установке класса loading для блока preloader - модальная форма остается наверху и активна. Подскажите как мне можно реализовать прелоадер или как еще можно заблокировать форму?
<style>
.loading {
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color:black;
opacity:0.3;
}
</style>
<div id="preloader" class=""></div>