如何把一個背景圖片在網頁中有頭

Question

我有什麼開始：http://jsbin.com/opokev/39

問題

• 圖像規模和壓縮根據瀏覽器窗口大小。例如，如果我打開螢火蟲（其中一半的頁面）背景圖像壓縮，並不好看。

要求

• 我不希望圖像從底部切斷或高達
• 我需要在頂部的標題是關於85px
• 我不t想要網頁上的水平或垂直滾動​​條。

我已經問過問題，但得到了不同的答案，我真的很苦惱。我試圖在livingsocial.com上得到類似於背景圖像的東西，唯一的區別是我不希望我的標題接管像他們那樣的圖像的一部分。

Answer 1

我看到你的背景圖像問題。您將它設置爲div中的圖像。爲什麼不能擺脫這一點，只是採用以下的CSS：

body { 
background-image: http://i53.tinypic.com/347a8uu.jpg; 
background-repeat:none; 

} 

或者，如果由於某種原因，你需要把它作爲一個div，剛剛擺脫的position: absolute;

對於頭，只是<body後添加一個div右像這樣：

<div class="header_wrapper"></div> 

而CSS：

.header_wrapper { 

width: 85px; 
margin-left:auto; 
margin-right:auto; 
} 

Answer 2

如果它是一個背景，那麼你爲什麼添加它作爲一個IMG？

CSS ...

background:url("http://i53.tinypic.com/347a8uu.jpg" center top no-repeat; 
background-size:cover;