ios移动端部分手机不支持background-attachment: fixed 的解决办法

之前在做的微信端相关页面开发的时候，在一些必要的需求场景下，ios系统和某些移动端background-attachment:fixed不兼容性，并不能够达到背景图不随滚动条而滚动的效果，随后在网上查找了相关的解决方案，经过实际测试，下面的hack是管用的，也就是在设置背景图的元素上面，加一个伪元素的样式表，如下：

(背景图所在的元素):before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(path/to/image) center 0 no-repeat;
  background-size: cover;
}

亲测有效，遇到相关问题的童鞋，可以尝试一下这种解决方案。巧妙又方便。

转载于:https://www.cnblogs.com/bettermu/p/8426194.html