你能用css来瞬间调整大小和裁剪背景图像吗？

Question

我在尝试为我的网站制作背景时遇到了一个问题。我想要一个可以滚动和调整大小的图像，如下所示：https://sketchthemes.com/preview/?theme=98。 我试过这个：

<div id="back_img" style="background-image: url("test.jpg");"></div>

然后将样式设置为：

#back_img {

  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

但这并不包含我所希望的所有功能。

Answer 1

设置背景附件：固定;和背景大小：封面;会使它更接近这种效果，但是为了获得视差滚动，你需要编写/使用脚本根据当前滚动调整它的位置。

#back_img {

  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-attachment: fixed;
  background-size: cover;
}