我正在尝试在导航栏下方添加全尺寸的背景图像。现在它部分覆盖了我的背景图像。
我尝试使用它在导航栏下方添加背景图像，但它没有为我改变任何东西。
现在我的代码是这样的(CSS(：
body {
margin: 0;
background: #353535;
font-family: 'Work Sans', sans-serif;
font-weight: 800;
background-image: url(imageabc.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
我的导航栏也在我的 HTML 代码中：
<body>
<header>
<div class="container">
<img src="imagebcd.png" alt="logo" class="logo"> <!-- logo image src -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
</body>
有人可以帮我确定我在这里缺少什么吗？
如果您为body设置了background-image，它将被navbar覆盖，因为导航栏是body的一部分。只需为新div设置您的background-image：
PS：您可以根据需要玩background-position，background-size等设置。这是一个很好的链接。
body {
margin: 0;
background: #353535;
font-family: 'Work Sans', sans-serif;
font-weight: 800;
}
.full-size-img {
background-image: url("https://via.placeholder.com/1150");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
}<header>
<div class="container">
<img src="imagebcd.png" alt="logo" class="logo"> <!-- logo image src -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<div class="full-size-img">
</div>