css定位z索引负边距
css定位z索引负边距
提问于 2010-11-12 00:59:59
我有以下的html -无论我做什么，我似乎不能让中间的div出现在顶部和底部的顶部。它位于顶部之上，但在我期望底部位于中间以下的地方，底部实际上位于顶部。有什么想法吗？下面的Jsfiddle链接也是..提前感谢！
<body>
<div>
<div id="tdiv" >Top Div</div>
<div id="connector">Middle Didv</div>
<div id="bdiv">Bottom Div </div>
</div>
</body>
#tdiv{
height:200px; border:10px dotted black ;
margin-bottom: -100px;
background:red;
}
#connector{
height:200px;border:10px solid black;
background:blue;
margin-bottom: -100px;
z-index: 21;
}
#bdiv{
border:21px dashed black;
height:200px;
z-index: 1;
background:green;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2010-11-12 01:01:54
z-index在静态定位的元素上是无用的。试试position:relative。如果负边距对您不起作用，请使用top或bottom和负值。
Stack Overflow用户
发布于 2010-11-12 01:03:56
您需要指定position
#connector{
position:relative;
height:200px;border:10px solid black;
background:blue;
margin-bottom: -100px;
z-index: 21;
}Stack Overflow用户
发布于 2010-11-12 01:05:40
如果你的意思是隐藏第一个，而看到第二个，如果你是指顺序，你应该添加"position:absolute“，你可以使用以下几行：
var d= getElementById("...")；var p= d.parentNode；p.removeChild(d)；
然后添加到索引中，或者以所需的顺序重新添加所有它们。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4157005
复制相关文章
相似问题