CSS 视差滚动 - 图像在一台计算机上不可见

编程问答 2022-04-27

问题描述

我正在为客户开发 Squarespace 网站，我仅使用 HTML 和 CSS 添加了 3 个视差滚动效果...

在我的 MacBook 和我用于测试的其他桌面设备上一切正常。但是我的客户看不到图像，只能看到图像应该出现的白色空间块。

有趣的是，他可以在我创建的另一个 Squarespace 网站上看到效果正常工作，在该网站上我使用完全相同的代码添加了相同的效果...

知道为什么会这样吗？

以防万一这是我正在使用的代码：

.gallery-section {
  height: 541px;
  width: 100vw;
  max-width: 100vw;
  display: flex;
  background-attachment: fixed;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-left: -5vw !important;
  margin-right: -5vw !important;
}

#gallery-section01 {
  background-image: url("link-to-my-image.jpg");
}
<div class="gallery-section" id="gallery-section01"></div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

background-attachmentimageimageimageparallaxsquarespace