1

私はnoscriptコードのチャンクに取り組んで<p>おり、ページの上部にJavaScriptが無効になっていることをユーザーに警告するを含むいくつかの作業を行っています。

JavaScriptが無効になっている場合、最終結果はStack Exchangeサイトのようになります（これが私のスクリーンショットです。SEはページの最上部にあることを除いて同様に見えます）。

ここに画像の説明を入力してください

私はそれを問題なく動作させていますが、スクロールしたときに赤いバーが上部に沿って固定されたままであれば、それが大好きです。

position: fixed;このメソッドを使用してみましたが、p要素が移動してしまい、変更を加えない場合とまったく同じように表示することができませんposition: fixed;。topCSSやその他のポジショニングをいじってみleftましたが、思ったようには見えません。

CSSスニペットは次のとおりです。

<noscript>

<style type="text/css">

p.noscript_warning {
    position: fixed;
}

</style>

</noscript>
4

3 に答える 3

2

の後にスペースを入れないでください.。

p.noscript_warning {
    position: fixed;
    top: 0;
    width: 100%; /* For Browser Compatibility */
}

ここでフィドルをチェックしてください... :)

于 2012-06-25T18:26:15.670 に答える
1

場合によっては、位置固定を使用するときにドキュメント ヘッダーを変更するだけで済みます。何らかの理由で、ウィンドウはそれについてうるさいです。Doctype が strict の場合は、次のように変更する必要があります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
于 2012-06-25T17:41:45.600 に答える
0 
p. noscript_warning {
  position: fixed;
  margin:0;
  top:0; /* Not necessarily */
}
于 2012-06-25T17:39:18.203 に答える