我希望页眉具有背景图像。我希望该背景图像具有 100% 的宽度,图像的其余部分具有高度(无论保持高度的纵横比).. 以及顶部的标题元素。
我试着申请..
header {
Background: url(background.jpg) no-repeat;
background-size: 100% auto;
}
但这会使背景停止在标题元素停止的地方(导航菜单)。我希望背景图像一直向下直到图像本身完成。 如果这没有任何意义,我很抱歉。
最佳答案
如果我理解正确的话,你的页眉元素的高度小于你的图片的高度。
header {
Background: url(background.jpg) no-repeat;
background-size: 100% auto;
height: <height of the image in pixels>px
}
这将使两者高度相同,这样图像就不会被截断
关于html - 如何应用标题图像背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19281932/