码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-08-03 18:21:48      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

如 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

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

标签:

原文地址:http://www.cnblogs.com/jieshendada/p/4699606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!