日期:2014-05-17  浏览次数:20788 次

背景图跟随界面大小而改变
有一张比较大的背景图2000×648
利用css设置为页面的背景
CSS如下:
body {text-align: left; font-family:"新宋体"; margin:auto;padding:0;
      font-size:12px;color:#0C0C0C; background-color: #FFF; 
      BACKGROUND:url(../images/bj.gif) no-repeat;background-position: top center;}

请教大虾要怎么做可以让背景图片根据页面的大小而自动调整大小,始终显示全图,而不是一部分?
背景图?自动变化 CSS

------解决方案--------------------

<img src="http://s.cn.bing.net/az/hprichbg/rb/OiaNight_061313_ZH-CN11167850861_1366x768.jpg" />
<div contenteditable="true" style="border:solid 1px red;width:100px;height:100px;"></div>
<input type="button" value="submit"></input>



body {
padding:0;
margin:0;
}
img {
    position:absolute;
width:100%;
height:100%;
z-index:-999;
}