1

bodyタグを に設定し、display:nonedocument.ready で を設定しています$('body').fadeIn(1000);。それはChromeで動作しますが、FFではページが残りますdisplay:none。

私のサイトはこちら

4

3 に答える 3

3

体をフェードインしたい場合は、CSS を使用します。

@-webkit-keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

次に、ボディ CSS で次のようにします。

body {
    -webkit-animation: fadeIn 1s linear 1; /* Safari & Chrome */
    -moz-animation: fadeIn 1s linear 1; /* Firefox */
    -o-animation: fadeIn 1s linear 1;  /* Opera */
    animation: fadeIn 1s linear 1;
}

これにより、IE9 以外のすべてが処理され、はるかに高速になり、Javascript が無効になっている人々を完全に混乱させることはありません。

于 2013-03-29T20:00:41.390 に答える
0

It was, as someone who has now deleted their comment said, the fact it was on the body. I added a div inside the body and applied the styles and jquery on that and it worked fine.

于 2013-03-29T19:58:01.410 に答える
0

display:nonestyles.css と inline の両方があります。

既にインラインで宣言されているため、styles.css ファイルから削除してみてください。

于 2013-03-29T19:55:46.287 に答える