Cant position div innerhalb eines anderen div

Question

Ich habe ein seltsames Problem, das mich gestört hat. Ich habe nur 3 Dinge - Navigationsleiste, Hintergrund und eine zufällige Schaltfläche, die ich platzieren möchte. Ich habe 2 Dinge ausprobiert - den DIV mit dem Knopf im DIV mit dem Hintergrund (was ich für richtig halte) und in ein separates DIV setzen.

Dies ist, dass ich erreichen möchte:

Statt der Taste geht:

ich Marge versucht haben, nichts tut. Auch ich brauche es nicht in absoluter Position zu sein, da es beim Scrollen über die Navigationsleiste geht.

HTML:

<ul id="nav"> 
    <li><a><img src="images/button1.png"></a></li> 
    <li><a><img src="images/button2.png"></a></li> 
    <li><a><img src="images/button3.png"></a></li> 
    <li><a><img src="images/button4.png"></a></li> 
    <li><a><img src="images/button5.png"></a></li> 
    <li><a><img src="images/button6.png"></a></li> 
</ul> 

<div class="back1"> 
    <div class="returnbutton"> 
    </div> 
</div> 

CSS:

#nav { 
    list-style: none; 
    position: fixed; 
    margin-top: -8px; 
    margin-left: -10px; 
    padding-left: -5px; 
    width: 100%; 
    background-image: url("images/rep.png"); 
    text-align: center; 
    height: 47px; 
} 

#nav li { 
    display: inline-block; 
    text-align: center; 
} 

#nav img { 
    height: 47px; 
} 

.back1 { 
    height: 550px; 
    margin-left: -10px; 
    margin-right: -8px; 
    background-image: url("images/galleryback1.png"); 
    background-repeat: no-repeat; 
    background-color: #c4c5c6; 
    background-position: center; 
} 

.returnbutton { 
    height: 50px; 
    width: 200px; 
    background-color: orange; 
} 

Answer 1

Sie div.returnbutton {position: absolute;} und #nav {z-index: 99;} einstellen.

Die Z-Index-Deklaration wird benötigt, um die Navigationsleiste über alle zu setzen. Sie müssen es also mehr als andere z-index setzen, die standardmäßig 0 sind.

Ich hoffe, dir geholfen.