Содержание страницы исчезает через 1 секунду
У меня есть сайт, который модал. Однако всякий раз, когда я захожу на одну страницу только на мобильном устройстве, весь контент исчезает с экрана через 1 секунду после его появления. я использую backstretch.js
и этот точный HTML: <div class="modalDialog"><div></div></div>
должен быть на странице, чтобы содержание оставалось. Мой CSS для .modalDialog
класс выглядит так:
.modalDialog {
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
pointer-events: none;
}
Есть ли в этом CSS что-нибудь, что могло бы вызвать это? Спасибо!