详解使用CSS固定页面背景图片位置的方法

1. body{     /* 设定背景图片 */  
2.  background-image:url("sakuya_and_remi.jpg");     /* 让图片不重覆排列 */  
3.  background-repeat:no-repeat;     /* 固定背景图片位置 */  
4.  background-attachment:fixed;    }  

只要把 background-attachment 设成 fixed 就能固定背景图片了。若是要取消固定的话，只要把 background-attachment 拿掉或是设成 none 就行了。而其中的 background-repeat 设成 no-repeat 是避免当背景图片太小张时，让它不要重覆的显示。

还有另一种常见的情况是，背景图片本身就只是小小张的，但想让它固定在网页的某一位置的话，我们除了用 background-attachment 之外，还要搭配 background-position 来一起使用。