css - placing a 2 divs over an existing website?

Question

I'm trying to place two divs over the top of an existing website, as in this image:

I can do this fine in firefox/google chrome etc, but it doesn't seem to work in IE.

Could someone point me to a simple example of how to do this?

Answer 1

将以下代码放在您的脑海中并改position:absolute回position:fixed您的css

<!--[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/