网页背景图片如何自动适应当前显示器分辨率

我要求的是像“多玩魔兽”网站首页那样的,中间是1000px主要内容居中(这个我会),主要是2边的背景图,根据分辨率不同显示的宽度也不同。( 麻烦先把分辨率调成大于1024的再去看多玩魔兽那个网站)
我是要用dreamwear做网页呢,代码怎么写,才能有这样的效果?
我自己已经解决了代码如下
<style type="text/css">
body {
margin:0;
padding:0;
text-align:center;
background:url(images/bg_side.jpg) no-repeat 50% top #283338; //bg_side,jpg中间是1000PX宽的空白区域,两边都是460px宽的图片(就是一张1920px宽的图片中间1000px挖空填白色)
height:900px; //高度根据你图片来定的
}
.main {
margin:0px auto 0 auto;
padding:0;
width:1000px;
height:900px;
position:relative;
background:url(images/bg_center.jpg) no-repeat; //这张图是1920px宽的图片中间挖出来的1000px部分。
}
</style>
<body>
<div class="main"></div>
</body>
这样可以让2边的背景自动适应分辨率宽度,而中间的1000px正文内容总在屏幕正中间

第1个回答  2011-12-23
可以把图片改成你要的尺寸啊,背景不要填重复图片就好了嘛,PS最简单,
第2个回答  2011-12-23
浏览器不支持,建议换成微软自带的IE9,右下角可以调试。
第3个回答  2011-12-24
宽度100%
第4个回答  2013-03-05
谢谢你的答案,真好
相似回答