CSS：分辨率问题

我的网站有三个div元素，标题，内容和页脚。我在头上有一张图片，我想，在高分辨率下它看起来也不错。所以我以1800像素宽度拍摄大图片。因此它在1800分辨率下看起来不错，但是现在，在小分辨率（例如1024）下，它仅显示我的图片的第一个1024像素，但我希望它显示中心 1024px的图片。有没有什么办法，来设置背景图像非常大，但在小分辨率显示中心图像的一部分？CSS：分辨率问题

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

也许我必须通过javascript的分辨率，然后使用这样的图片？在此先感谢

来源

2010-04-01 Simon

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

#header { background-position: center center; }

来源

2010-04-01 16:47:31 ANeves

删除固定高度。

来源

2010-04-01 16:41:43

@durilai我的问题是宽度，为什么删除heigth？我的图像的高度为357，div没有任何内容，所以我必须设置高度 – Simon 2010-04-01 16:44:12

高度迫使图像保持纵横比。 – 2010-04-01 17:05:17

CSS：分辨率问题

回答

相关问题