css控制背景图片在浏览器中居中，下拉浏览器的时候背景图一直不变

如 http://www.gm.com/ 

 css样式如下

 1 body{ margin:0; padding:0;} 
 2 #con{ 
 3 position:absolute; 
 4 top:0; 
 5 left:0; 
 6 height:100%; 
 7 width:100%; 
 8 background-image:url("maskimg/star.jpg"); 
 9 background-position: center 0; 
10 background-repeat: no-repeat; 
11 background-attachment:fixed; 
12 background-size: cover; 
13 -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
14 -o-background-size: cover;/* 兼容Opera */ 
15 zoom: 1; 
16 }

background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中

background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动，当设置为fixed时页面的其余部分滚动时，背景图像不会移动。

注：这个是从别的地方转载过来的，转载出处：http://www.jb51.net/css/221348.html

posted @ 2015-08-03 16:09  白茶微甘  阅读(931)  评论(0)  编辑  收藏  举报