刚建立了个人博客，选择了一幅Aqours的图片作为背景。奇怪的是在PC上的Chrome浏览器背景是正常的，不会随滚动条滚动。但是在手机上Safari浏览器就会滚动，把背景拉变形了。后来百度了一下，据说是Safari不支持 background-attachment:fixed。所以就找个一个别的方法来代替，效果不错。现在记录下来。

1
2
3
4
5
6
7
8
9
10
11
body:before {
    background: url(/assets/background/bg1.jpg) center 0 no-repeat;
    background-size: cover;
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}