在现有网站上放置2个div？

Question

我正在尝试在现有网站的顶部放置两个div，如下图所示：

我可以在firefox / google chrome等中做到这一点，但它似乎在IE中不起作用。

有人能指出一个如何做到这一点的简单例子吗？

Answer 1

将以下代码放在您的脑海中，并将position:absolute更改回您的css中的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/