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

时间:2023-03-09 10:04:11
css控制背景图片在浏览器中居中,下拉浏览器的时候背景图一直不变

如 http://www.gm.com/

css样式如下

 body{ margin:; padding:;}
#con{
position:absolute;
top:;
left:;
height:100%;
width:100%;
background-image:url("maskimg/star.jpg");
background-position: center 0;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */
-o-background-size: cover;/* 兼容Opera */
zoom:;
}

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

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

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