我的网站有三个div元素,标题,内容和页脚。我在标题中有一张图片,我想,在大分辨率下它看起来也不错。所以我拍了大图像,宽度为1800px。因此它在1800的分辨率下看起来不错,但现在,在小分辨率(例如1024)中,它仅显示我的图片的第一个1024px,但我希望它显示中心 1024px的图片。 那么有什么方法可以设置背景图像非常大,但是在小分辨率下显示中心部分图像?
#header
{
background-image:url(../img/bg_header1.jpg);
background-repeat:no-repeat;
height:357px;
width:100%;
}
也许我必须通过javascript来解决这个问题,然后使用这样的图片? 提前谢谢
答案 0 :(得分:4)
http://www.htmldog.com/reference/cssproperties/background-position/
#header { background-position: center center; }
答案 1 :(得分:0)
移除固定高度。