noscriptユーザーがJavaScriptを無効にしている場合、ページの上部にバナーを表示するために使用しています。これは、ブラウザの JS が無効になっているときに使用される SO に似ています。
私の問題は、ページにアクセスすると、スタイルが適用されnoscriptていない生のテキストが表示されることです。CSSF5 を押すか更新ボタンをクリックすると、突然CSS適用され、警告は正しい赤い背景と太字の大きなテキストになります。
なぜこうなった？Chrome（最新）とIE10でこの動作が発生しています...古いIE8とFireFox 3.xシリーズでも同様です。
ページの本文にある私のnoscriptタグは次のとおりです。
<noscript><div id="noscript-frame">Website.com works best with JavaScript enabled</div></noscript>
CSS次のようになります。
#noscript-frame{
background-color: #AE0000;
color: #FFFFFF;
font-weight: bold;
font-style: normal;
font-size: 1.5em;
font-family: "Verdana", Arial, Helvetica, sans-serif;
vertical-align: middle;
text-align: center;
}
ページを最初にロードすると、スタイルが適用されず、生のテキストのみが表示されます。
Website.com works best with JavaScript enabled
ページを更新すると、スタイルが適用され、すべてが見栄えがします。
これを修正する方法はありますか？divタグを使用せずにデータを入力してから、ページの読み込み時に javascript でコンテンツを非表示にしようとしましたnoscriptが、これにより、ページの読み込み時に悪名高い画面のちらつきが発生します...