CSS:解决问题

时间:2010-04-01 16:37:37

标签: javascript html css

我的网站有三个div元素,标题,内容和页脚。我在标题中有一张图片,我想,在大分辨率下它看起来也不错。所以我拍了大图像,宽度为1800px。因此它在1800的分辨率下看起来不错,但现在,在小分辨率(例如1024)中,它仅显示我的图片的第一个1024px,但我希望它显示中心 1024px的图片。 那么有什么方法可以设置背景图像非常大,但是在小分辨率下显示中心部分图像?

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

也许我必须通过javascript来解决这个问题,然后使用这样的图片? 提前谢谢

2 个答案:

答案 0 :(得分:4)

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

#header { background-position: center center; }

答案 1 :(得分:0)

移除固定高度。