javascript - 您可以使用 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;
}