{
background-image:url(d:/bg.gif)
background-repeat:no-repeat
background-attachment:fixed
}
如何只是设置不平铺，可能会让背景图片随着页面文字滚动，所以还是要对背景图片设置fixed固定。
swiper3滑屏插件！
原理是利用最大层百分百固定一个框！
然后里面用transform: translate3d(0px, -0, 0px)来进行滑动！
具体每个背景图的使用则是把每一个层都是百分百的宽高！
然后背景图
background-image:url()background-repeat: no-repeat
background-position: bottom right
//核心区分点
//让背景比例不变
background-size: cover
//让背景充满屏幕
background-size: 100% 100%
//或者让背景宽度100% 高度自动
background-size: 100% auto
//让背景高度100% 宽度自动
background-size: auto 100%
1、可以同时使用背景色和背景图，具体方法首先用hbuilder新建一个html文件，创建一个div，并给div一个class属性，在上方的style中设置class的样式，这里把div的宽度和高度设置大点，方便观察效果：
2、然后使用background设置属性；background是一个复合属性，有五个参数，第一个是背景颜色，第二个是图片，第三个是图片重复的设置，第四个是背景图像是否固定或者随着页面的其余部分滚动，第五个个背景图像的起始位置：
3、最后打开浏览器，就能看到图片了，图片覆盖不了的部分则是使用背景色填充：
