gpt4 book ai didi

html - 在 IE6 的单独容器中将其他两个 div 夹在中间

转载 作者:行者123 更新时间:2023-11-28 14:58:00 25 4
gpt4 key购买 nike

我正在处理一个具有多个层的棘手设计,它需要我在一个单独的容器中将一个 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 中工作?或者这种重叠是不可能的?

提前致谢

最佳答案

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

关于html - 在 IE6 的单独容器中将其他两个 div 夹在中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3201370/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com