我正在为我的 body 标签做这样的填充,因为我使用的是固定顶部的导航栏。我希望导航栏始终位于顶部。
body {
padding-top: 70px;
}
现在我想给正文添加一个背景图片,并希望它覆盖整个屏幕。所以我这样做。
body {
background: url(background.jpg);
background-size: cover;
}
但问题是导航栏覆盖了部分图像,70 像素的内边距不适用于背景图像。请帮忙解决这个问题。
最佳答案
使用 background-position
body {
background-image: url(http://www.fillmurray.com/g/200/300);
background-position: top 70px center;
background-size: cover;
background-repeat: no-repeat;
}
关于html - 主体填充未应用于背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39172191/