css定位z指数负边距

Question

我有以下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;
}

http://jsfiddle.net/EWkMA/29/

Answer 1

z-index对静态定位元素无用。 尝试position:relative 。 如果负边距不适合您，请使用top或bottom和负值。

Answer 2

你需要指定position ：

#connector{
    position:relative;
    height:200px;border:10px solid black;
    background:blue;
    margin-bottom: -100px;   
    z-index: 21;
}

Answer 3

如果你的意思是“在顶部”通过隐藏第一个看到第二个，你应该添加“position：absolute”如果你的意思是按顺序，你可以使用以下行：

var d = getElementById（“...”）; var p = d.parentNode; p.removeChild（d）;

而不是添加到索引，或按所需顺序重新添加所有这些。

css定位z指数负边距

问题描述

3 个解决方案

解决方案1
42 已采纳 2010-11-11 17:01:54

解决方案2
8

解决方案3
0 2010-11-11 17:05:39

css定位z指数负边距

问题描述

3 个解决方案

解决方案1 42 已采纳 2010-11-11 17:01:54

解决方案2 8

解决方案3 0 2010-11-11 17:05:39

解决方案1
42 已采纳 2010-11-11 17:01:54

解决方案2
8

解决方案3
0 2010-11-11 17:05:39