不知道大家在使用手机的时候有没有注意到手机中的背景图片并不会随着窗口的移动而移动,就像使用的flex定位一样,在网页中,也可以尝试将背景图片固定显示,那么body标签中的内容就会在图片上方滚动。
效果
只需要在设置背景样式时添加background-attachment:fixed即可
body{
background-image: url('./img/bgcimg1.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-size:100% 100%;
}
body标签中的内容根据自己需要添加即可