CSS：分辨率问题答案

【问题标题】：CSS: resolution problemCSS：分辨率问题
【发布时间】：2010-04-01 16:37:36
【问题描述】：

我的网站有三个 div 元素，页眉、内容和页脚。我在标题中有一张图片，我想要，在大分辨率下它看起来也不错。所以我拍大图，宽度为 1800 像素。所以它在 1800 的分辨率下看起来不错，但是现在，在小分辨率下（例如 1024），它只显示我图片的前 1024px，但我希望它显示图片的 center 1024px。那么有什么办法可以将背景图像设置得很大，但在小分辨率下显示图像的中心部分？

#header
{
    background-image:url(../img/bg_header1.jpg);
    background-repeat:no-repeat;
    height:357px;
    width:100%;
}

也许我必须通过 javascript 检查分辨率，然后使用这样的图片？提前致谢

【问题讨论】：

标签： javascript html css

【解决方案1】：

http://www.htmldog.com/reference/cssproperties/background-position/

#header { background-position: center center; }

【讨论】：

【解决方案2】：

移除固定高度。

【讨论】：

@durilai 我的问题是宽度，为什么要删除高度？我的图片高度为 357，而 div 没有任何内容，所以我必须设置高度
高度强制图像保持纵横比。