javascript - 页面内容在 1 秒后淡出

Question

我有一个模态的网站。然而，每当我只在移动设备上访问一个页面时，所有内容都会在出现 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 中有什么会导致这种情况的吗？谢谢！