html - 覆盖 div 不显示背景颜色

Question

我有两个分区。一个包含导航栏，另一个是网站的第一部分。两者都有背景图像和内容。当内容存在时，导航栏的背景不显示。我希望导航栏位于该部分的顶部，这就是我使用 z-index:2 的原因。问题是即使我删除它，背景颜色也不会出现。我以各种方式检查了它，但无论我做什么，它都没有显示出来。

这是导航栏 css:

#section{
height: 70px;
z-index: 2;
padding-left: 10%;
padding-right: 10%;
clear: both;
max-width: 100%;
background-color: black;

   }

这是CSS部分:

    #section-1{

background: url(Images/1.jpg);
max-width: 100%;
padding-top:14%;
padding-bottom: 7%;
color:white;
height:710px;
margin-top:-70px;


    }

这是 HtmL:

       <div id="section"> <!-- navigation bar -->
    <div class="navbar" id="nav">
        <a href="#">Home</a>
        <a href="#">Contact</a>

 </div>

  <div id="section-1"> <!-- first -->

     <div class="row"></div></div></div>

Answer 1

Z-index 只适用于定位元素，所以给你的元素一个相对位置应该可以让它工作。

截至: https://www.w3schools.com/cssref/pr_pos_z-index.asp