0

我正在做一个有几层的棘手设计，它需要我在一个单独的容器中的两个其他重叠 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 中工作吗？或者这种重叠是不可能的？

提前致谢

4

1 回答 1

0

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

于 2010-07-08T07:18:33.093 回答