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