2

私は現在、ページが読み込まれたときにコンテンツ div を不透明度 0 から開始し、しばらくすると 100% にフェードインするサイトで作業しています。これは問題なく機能していますが、これをどのように処理するのが最善の方法であるかはわかりません。

CSSで不透明度などをゼロに設定するのではなく、jQueryを介してゼロに設定するのが最善であると読んだようです。これにより、ユーザーが Javascript を有効にしていない場合でも、コンテンツを表示できます。

ただし、少なくとも私のページでは、この方法に問題がある場合があります。スクリプトが処理を引き継ぐ前に、HTML が読み込まれることがあります。これにより、ページが最初に表示され、次に消え、必要に応じてフェードします。大したことではありませんが、私が望むほどスムーズではありません。

最初に不透明度をゼロに設定するより良い方法はありますか?

サイトは現在ここにあります。

4

2 に答える 2

1

JavaScriptが無効になっているユーザーは無視できると思いますが、次のようなことを試すことができます：

<style>
    #content{
        opacity:0;
    }
</style>

<noscript>
<style>
    #content{
        opacity:1;
    }
</style>
</noscript>
于 2013-08-06T11:48:53.203 に答える
0

jqueryを通常どおりに機能させてから、この<noscript>タグを追加すると、jqueryでアニメーションを作成できなくなりますが、divを不透明にしますnoscript タグで 100%

編集：noscriptタグのJoeの回答にスタイルを追加すると、別の解決策が得られます:)

于 2013-08-06T11:48:37.943 に答える