1

JavaScript を使用して実行できますが、CSS だけで、任意のページのドキュメント コンテンツまたはビューポートに正確に重なるように div のスタイルを設定することは可能ですか (ページに不透明な灰色のレイヤーを適用するため)。ページには body 要素のマージンがある可能性があるため、div を body 要素の幅に合わせてスタイリングすることはできません。(IE 6 でも動作する必要があります)

4

3 に答える 3

3

あなたが<div>このようなものを持っている場合:

<div id="cover"></div>

これらのスタイルはそれを行う必要があります:

#cover {
    background-color: #ccc;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

本体に余白があり、IE と FF でビューポート全体をカバーするページでテストしました。

于 2009-05-15T18:48:57.197 に答える
0

高さ: ドキュメントの長さがビューポートの高さよりも小さい場合、100% はビューポートをカバーしません。この場合、Javascript を使用する必要があります。

于 2009-05-15T18:55:33.403 に答える
-1

CSS で JavaScript を実行する IE の機能を使用するのはごまかしになりますか?

width:expression(document.body.clientWidth)
于 2009-05-15T18:50:54.367 に答える