可以在另一个div中搜索位置div

我有一个奇怪的问题一直困扰着我。我只有3件事 - 导航栏，背景和我想要放置的随机按钮。我尝试了两件事 - 将DIV与背景中的按钮（我认为是正确的）放在DIV中，并将它放在单独的DIV中。可以在另一个div中搜索位置div

这是我想要实现：

相反，按钮云：

我已经试过余量，不会做的事情。我也不需要它在绝对位置，因为当我滚动时，它会越过导航栏。

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; 
}

来源

2017-04-08 Valio Raltchev

你想“按钮”固定在那个位置？ – SreenathPG

我没有看到任何尝试将按钮放在任何位置，因此它最终位于其父级的左上角，部分被固定导航栏隐藏。 –

不，我不需要固定的位置。我已经尝试了很多方法，为什么我应该在代码中留下空值？ –

您可以设置div.returnbutton {position: absolute;}和#nav {z-index: 99;}。

z-index声明需要将导航栏放在全部位置。因此，您必须将其设置为比默认情况下为0的其他z-index更多。

我希望能帮到你。

来源

2017-04-08 11:36:27 Jegger

这只有在你还设置左边和顶部属性时才有用;否则它仍然会在同一个地方。 –

我不需要它在绝对位置，当我滚动时，它会覆盖我的导航栏。 –

你有没有试过设置'#nav {z-index：99;}'？ – Jegger

可以在另一个div中搜索位置div

回答

相关问题