如何解决CSS 视差滚动 - 图像在一台计算机上不可见
我正在为客户开发 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 举报,一经查实,本站将立刻删除。