我正在为客户开发 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>