0

I have this little bit of code for a fade in effect but for some reason firefox is not picking up the which I need because the fade it doesn't work for firefox. What am I missing to get this to work?

<noscript>
</style>
<style type="text/css"> 
  body {display:inherit !important;} /*if they haven't got javascript we need to show the body       
</style>
</noscript>

<script type="text/javascript">
 $(document).ready(function() { $("body").fadeIn(1500);});
</script>

the css

body {
     background-color:#000;
     overflow-x:hidden;
     -webkit-text-size-adjust:100%;
     display:none;}
4

1 に答える 1

4

ドキュメントのセクション以外にタグを付けることはできず、ドキュメントのセクション以外にタグを<noscript>付ける<body>ことはできません(この投稿を参照)。<style><head>

これを行う別の方法は、 body タグをデフォルトにして、次のように JavaScript を使用してプロパティをdisplay: visible設定することです。display

<body>
    <script type="text/javascript">document.body.style.display = "none";</script>
    ...
</body>

次に、<noscript>タグを完全に取り除き、display:none;CSS 宣言からその行を削除します。

これの利点は、ブラウザーで JavaScript が有効になっていない場合、ブラウザーが<body>タグを処理する方法に関係なく、タグが表示されること<noscript>です。

于 2013-01-13T05:02:27.977 に答える