Question

我正在研究一个有多个图层的棘手设计，它要求我在一个单独的容器中将两个其他重叠div之间的div分层。这是我的简化示例，适用于Firefox，但不适用于IE6（当然是客户端的浏览器）：http://dawnup.com/sandwich

来源：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
    div {
        width:200px;
        height:200px;
        position:absolute;
    }

    #middle {
        background-color:#aaa;
        left:30px;
        top:30px;
        z-index:1;
    }
    #bottom {
        height:200px;
        background-color:#777;
        left:0px;
    }
    #top {
        background-color:#ccc;
        left:40px;
        top:40px;
        z-index:2;
    }
</style>

</head>
<body>
    <div id="middle">MIDDLE</div>
    <div id="container">
        <div id="bottom">BOTTOM
            <div id="top">TOP</div>
        </div>
    </div>
</body>
</html>

在IE6中有这个工作吗？或者这种重叠是不可能的？

提前致谢

Answer 1

为什么不能只移动#top元素，使其不在底部？

在IE6中的另外容器中将两个其他div之间的div夹在中间

1 个答案: