html - CSS视差效果与背景图像比例？

Question

我希望在滚动上创建视差效果 - 但背景图像在滚动时会增加/缩放。

这是我到目前为止的代码：

.parallax {
  /* The image used */
  background-image: url("img_parallax.jpg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

有没有办法可以将效果添加到 CSS 规则？

非常感谢，

标签： htmljquerycss