javascript - CSS:分辨率问题

Question

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

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

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

Answer 1

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

#header { background-position: center center; }