html - 如何应用标题图像背景？

Question

我希望页眉具有背景图像。我希望该背景图像具有 100% 的宽度，图像的其余部分具有高度(无论保持高度的纵横比).. 以及顶部的标题元素。

我试着申请..

 header {
 Background: url(background.jpg) no-repeat;
 background-size: 100% auto;
 }

但这会使背景停止在标题元素停止的地方(导航菜单)。我希望背景图像一直向下直到图像本身完成。如果这没有任何意义，我很抱歉。

Answer 1

如果我理解正确的话，你的页眉元素的高度小于你的图片的高度。

header {
 Background: url(background.jpg) no-repeat;
 background-size: 100% auto;
 height: <height of the image in pixels>px
}

这将使两者高度相同，这样图像就不会被截断