[解決済み] jQueryを使用します。シンプルなオーバーレイを作成するには？

質問

UIなしでjQueryで本当に基本的なオーバーレイを作成するにはどうしたらよいでしょうか？

軽量プラグインとは何ですか？

どのように解決するのですか？

オーバーレイとは、簡単に言えば div のまま 画面上に固定され (スクロールしても)固定され、ある種の不透明度を持ちます。

これは、クロスブラウザの不透明度0.5用のCSSになります。

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

これはあなたのjQueryコードになります（UIは必要ありません）。IDが#overlayの新しい要素を作成するだけです。 DIVの作成と破棄が必要なすべてであるはずです。

var overlay = jQuery('<div id="overlay"> </div>');
overlay.appendTo(document.body)

について パフォーマンス上の理由 DIVを非表示にして をブロックとnoneに設定します。 を設定する必要があります。

お役に立てれば幸いです。

編集してください。 Vitalyがうまく言ったように、DocTypeを確認するようにしてください。彼の発見に関するコメントで詳細を読む。