Mam następujący kod HTML - bez względu na to, co robię, wydaje mi się, że środkowy element div nie pojawia się na górze i na dole. Siedzi w porządku nad górą, ale tam, gdzie spodziewałbym się, że dno usiądzie poniżej środka, faktycznie siedzi na górze. Jakieś pomysły ? Jsfiddle link poniżej również .. z góry dziękuję!Pozycjonowanie css marginesy ujemne 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;
}
'z-index' nie działa, chyba że podano' position'. – Brad