关于background-attachment: fixed的问题，ios和一些移动端不兼容的问题。

Question

我现在有一个页面需要用到两张背景图 我写的样式为：
background:url("../images/scrollImgOne.jpg") center center no-repeat fixed;
background-size: cover;
现在问题是：background-attachment:fixed 不兼容ios和部分移动端
我百度了一个办法为：

我按照这样的方式写，但是两张图片最终只会显示一张，有谁知道应该怎么弄吗，在线等，谢谢了

Answer 1

定义一个类,设置元素的content,

.fill-before{
    content:'';
}

分别定义每个元素伪元素的背景图,但是不要设置content,然后滚动时检查元素的可见性,在视口内的加上这个类