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：分辨率問題

回答

相關問題