html - 主体填充未应用于背景图像

Question

我正在为我的 body 标签做这样的填充，因为我使用的是固定顶部的导航栏。我希望导航栏始终位于顶部。

body {
   padding-top: 70px;
}

现在我想给正文添加一个背景图片，并希望它覆盖整个屏幕。所以我这样做。

body {
   background: url(background.jpg);
   background-size: cover;
}

但问题是导航栏覆盖了部分图像，70 像素的内边距不适用于背景图像。请帮忙解决这个问题。

Answer 1

使用 background-position

中可用的偏移量将背景向下定位 70px

Background-Position @ MDN

body {
  background-image: url(http://www.fillmurray.com/g/200/300);
  background-position: top 70px center;
  background-size: cover;
  background-repeat: no-repeat;
}