CSS中background-attachment的介绍和用法

background-attachment可以设置在网页滚动时背景图片是否随着网页一起滚动，当一个盒子的高度足够大时，网页会产生滚动条，此时可以使用background-attachment属性来设置这个盒子的背景图片是否随着盒子一起滚动，background-attachment有两个属性值:fixed和scroll,使用fixed可以让背景图固定在当前相对于网页的位置；比如一个div的高度为2000px,给这个盒子设置一个背景图片（背景图片高度小于当前浏览器的可视高度），当盒子滚动时，背景图片的位置保持不变（相对于盒子滚动前的位置），

 #box1{

            width: 100%;

            height: 2000px;

            background-image:                         url(https://img2.baidu.com/it/u=2775440825,3201981130&fm=253&fmt=auto&app=                        138&f=JPEG?w=750&h=500);

            background-attachment: fixed;

            background-repeat: no-repeat;

            background-size: 100% auto;

        }

另外一个属性值是scroll，使用此属性值会使图片随着盒子一起滚动（默认效果，不加这条属性背景图片默认跟着父盒子一起滚动）。