今天做了个页面,往页面中添加内容,添加多了才发现,背景图重复了,然后上网找解决办法,灵机一动,让背景图不动就好了,于是找到了background-attachment:fixed,在安卓中没问题,但是ios的微信无效,用Safari打开也是无效,后来找到一个hack的方法,不错,分享一下。
body:before {
content: ' ';
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(path/to/image) center 0 no-repeat;
background-size: cover;
}