我在Chrome(macOS上的v67)中遇到了一个非常奇怪的bug,使用
background-position: fixed
时,背景图像实际上会随着滚动而向上移动,而不是被固定。以下是问题的Codepen链接:https://codepen.io/alexismo/pen/xzwmRE,以下是GIF演示链接:https://gfycat.com/PolishedHarshAfricangroundhornbill。页面的内容结构如下:<body>
<div class="background-image"></div>
<div class="rest-of-the-site"></div>
</body>
.background-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
background-attachment: fixed;
z-index: -1;
}