CSS——精灵图

background-size<div class="bg">
背景图片
</div>

<style>
.bg{background:url("1.png") -57px 0;}
</style>

背景图片按照坐标来定位




pc端，wap端，背景图片满屏：



小程序背景图片满屏：



 背景图片固定不动 视觉差：

background-attachment:fixed；

背景图片铺满：
background-size:100% 100%;