css定位z-index負邊距

我有以下的html - 不管我做什麼，我似乎不能讓中間div出現在頂部頂部和頂部的底部。它位於頂端以上，但我希望底部坐在中間下方，底部實際上位於頂端。有任何想法嗎？ Jsfiddle鏈接下面也..預先感謝！css定位z-index負邊距

<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/

來源

2010-11-11 wmitchell

除非指定了位置，否則'z-index'不起作用。 – Brad 2010-11-11 17:02:39

z-index是一個靜態定位的元件上無用。嘗試position:relative。如果負邊距不適合您，請使用top或bottom和負值。

來源

2010-11-11 17:01:54

你需要指定position：通過隱藏的第一個，而看到第二個，你應該增加「的位置是：絕對」

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

來源

2010-11-11 17:03:56

如果你的意思是「上面」如果按訂單的意思是，你可以使用以下幾行：

var d = getElementById（「...」）; var p = d.parentNode; p.removeChild（d）;

而不是添加到索引，或按要求的順序重新添加它們。

來源

2010-11-11 17:05:39

css定位z-index負邊距

回答

相關問題