Javascript 滚动/调整大小时，如何保持背景图像覆盖屏幕

我想做的是在几个图像中滚动视差，但不知怎么的 1） 平铺发生（图像不断重复或未显示完整图像）和 2） 当我尝试不同的屏幕尺寸（尤其是手机）时，它不起作用，因为图像无法调整大小

有办法解决这个问题吗

section.module.parallax-1 {
  background-image: url("http://cdn.udderlypettable.com/wp-content/uploads/2015/05/Maine-Coon-Face.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

---

我已将代码放在

使用

背景尺寸：封面

。这样，您的背景图像将根据父级

div

大小进行调整/裁剪。

谢谢！然而，这只能部分解决问题。。。我已经更新了代码笔，如果你看那里，仍然会出现平铺（虽然是垂直的），如果我使用背景重复：无重复，那么由于定位的原因，当你向下滚动时会有大量的空白，它不会显示完整的图像。。