Html 背景图像显示不正确

我正在尝试为标题设置背景图像。这就是我希望它看起来的样子：

这就是我得到的：

所以，在底部有一条很奇怪的带子。这是我的密码：

html

我已尝试将size属性添加到背景中，如下所示：

背景尺寸：100%100px

这就是我如何得到底部的小条带。没有那笔财产，我什么也得不到。另外，虽然我已经将宽度设置为100vw，但页眉没有页面那么长。感谢您的时间。

删除

#标题的高度

#header {
    position: absolute;
    background-image: url("Images/menu.jpg");
    width: 100vw;
    /*height: 10vh;*//*Remove this*/
    opacity: 1;
    z-index: 6;
    background-size: 100% 100px;
}

移除
#收割台的高度

#header {
    position: absolute;
    background-image: url("Images/menu.jpg");
    width: 100vw;
    /*height: 10vh;*//*Remove this*/
    opacity: 1;
    z-index: 6;
    background-size: 100% 100px;
}

在显示所有图像之前，在标题的顶部和底部添加一个填充，空白的问题，你不告诉浏览器如何显示图像，
添加更多内容或添加顶部和底部的填充。
在显示所有图像之前，为标题添加顶部和底部的填充，空白的问题是，您不告诉浏览器如何显示图像，
添加更多内容或在顶部和底部添加填充。
我对标题做了一些更改：

#header {
  /*position: absolute;*/
  background-image: url("Images/menu.jpg");
  /*width: 100vw;
  height: 10vh;
  opacity: 1;
  z-index: 6;*/
  background-size:cover;/*added this*/
  padding: 5px;/*added this*/
}

JSfiddle：

希望能有帮助，干杯
 我对您的标题做了一些更改：

#header {
  /*position: absolute;*/
  background-image: url("Images/menu.jpg");
  /*width: 100vw;
  height: 10vh;
  opacity: 1;
  z-index: 6;*/
  background-size:cover;/*added this*/
  padding: 5px;/*added this*/
}

JSfiddle：

希望能有帮助，干杯
 HTML代码的
body
部分中
class=“cf”
和
id=“menu”
行
的代码在哪里

那里可能有错误。请查看。
HTML代码的
正文
部分的
class=“cf”
代码和
id=“menu”
行
代码在哪里

那里可能有错误。请查看。
谢谢。没什么变化，谢谢。没有任何变化。背景尺寸：100%100px；这不应该是100%100%吗？？不是100%100像素；尝试将背景大小的值更改为100%宽度和100%高度以完全拉伸背景。背景大小：100%100%；此外，检查是否给它高度：10vh实际上会给它10%的预期容器。如果是这样的话，试着把它改成100vh，看看它是否会影响它，然后进行相应的调整。我试过了你的代码，它显示正确。这可能是你的浏览器显示异常。如果浏览器不同，请尝试运行它。另外，你已经有了很好的答案。趁你还在的时候试试。背景尺寸：100%100px；这不应该是100%100%吗？？不是100%100像素；尝试将背景大小的值更改为100%宽度和100%高度以完全拉伸背景。背景大小：100%100%；此外，检查是否给它高度：10vh实际上会给它10%的预期容器。如果是这样的话，试着把它改成100vh，看看它是否会影响它，然后进行相应的调整。我试过了你的代码，它显示正确。这可能是你的浏览器显示异常。如果浏览器不同，请尝试运行它。另外，你已经有了很好的答案。趁你还在做的时候试试看。