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

How do i keep my background image covering the screen when scrolling / resizing

本文关键字：背景 图像 屏幕 覆盖 小时 滚动 调整      更新时间：2023-09-26

我想做的是视差滚动几个图像，但不知怎么的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;
}

我已经把我的代码放在Codepen 上

使用background-size: cover。这样，您的背景图像将根据父div的大小调整大小/裁剪。

相关文章：