css - 既存のウェブサイトの上に2divを配置しますか？

Question

この画像のように、既存のWebサイトの上に2つのdivを配置しようとしています。

Firefox / google chromeなどでこれをうまく行うことができますが、IEでは機能しないようです。

誰かがこれを行う方法の簡単な例を教えてもらえますか？

Answer 1

次のコードを頭に入れて、cssにposition:absolute戻しますposition:fixed

<!--[if IE]>
    <style type="text/css">
        .black_overlay {
            position:absolute;
            top: expression(document.compatMode=="CSS1Compat" ? document.documentElement.scrollTop+"px" : body.scrollTop+"px");
        }
    </style>
<![endif]--> 

Answer 2

唯一の選択肢は、z-indexの使用を本当に強調することです。

Z-Indexは、HTMLにレイヤーを適用するようなものです。この場合、レイヤーを上、中央、下に配置できます。したがって、3つのdivがレイヤーのように配置されます。

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 3

ここでcssを更新しました。代わりに、スクロールしても動かないようposition:absolute;に使用しました。fixed

http://jsfiddle.net/5V288/9/