javascript - ページの内容が 1 秒後にフェードアウトする

Question

私はモーダルなウェブサイトを持っています。ただし、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 にこれを引き起こしているものはありますか? ありがとう！