background-attachment：已修复，无法在Safari中使用

Question

我有一个background-attachment: fixed CSS样式的div，以实现视差效果，该效果在chrome中完美运行，但在Safari中不起作用。在Safari中滚动时，它会引起极大的抖动，以致无法原样离开。当我注释掉此CSS属性时，抖动停止了（这突出说明了这个特定的样式属性是问题）。我看过其他相关文章，但还没有找到解决此问题的方法或提供解决方法。

CSS：

#gallery {
  background: url("../images/parallax-image.jpg");
  background-size: cover;
  background-position: top right;
  background-attachment: fixed;
  height: 45vh;
  position: relative;
}

Answer 1

iOS有一个问题，阻止背景附件：已修复，无法与background-size：cover一起使用。来自“我可以使用”。

可以选中“我可以使用”选项卡“已知问题”。

https://caniuse.com/#search=background-attachment

以及详细信息链接

Background size on iOS

也许是“背景大小：100％100％；”可以帮助。

或使用其他类似下面的div背景。

抱歉，我没有ios可以检查它的工作。

    body{
      height: 200vh;
    }
    .container{
      position: relative;
      height: 1920px;
    }
    .bgc{
      position: absolute;
      top: 0;
      left: 0;
      width: 1920px;
      height: 1080px;
      background-image: url('https://picsum.photos/1920/1080/?random=1');
      background-attachment: fixed;
    }

  <div class="container">
    <div class="bgc">
    </div>
  </div>