我有以下的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;
}
发布于 2010-11-12 01:01:54
z-index
在静态定位的元素上是无用的。试试position:relative
。如果负边距对您不起作用,请使用top
或bottom
和负值。
发布于 2010-11-12 01:03:56
您需要指定position
#connector{
position:relative;
height:200px;border:10px solid black;
background:blue;
margin-bottom: -100px;
z-index: 21;
}
发布于 2010-11-12 01:05:40
如果你的意思是隐藏第一个,而看到第二个,如果你是指顺序,你应该添加"position:absolute“,你可以使用以下几行:
var d= getElementById("...");var p= d.parentNode;p.removeChild(d);
然后添加到索引中,或者以所需的顺序重新添加所有它们。
https://stackoverflow.com/questions/4157005
复制相似问题