CSS - 将整个图像显示为背景而不裁剪

Question

我正在尝试设置一个带有背景图像的 div，上面有一些文本。背景图像需要拉伸视口的整个宽度，我已经能够成功地做到这一点。这是我的 CSS：

.intro-header {
  padding-top: 50px; 
  padding-bottom: 50px;
  color: #fff;
  background: url(http://) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

我遇到的问题是它没有显示图像的完整高度。图像在顶部和底部被裁剪。我希望图像显示它的全高，并且用户需要能够向下滚动以查看图像下方的更多内容。

有没有办法可以在不切掉顶部和底部的情况下显示完整图像？

谢谢！

Answer 1

从背景中删除固定的内容。

url() no-repeat center center