背景圖片幫助

感謝您的幫助，以此結束背景圖片幫助

html { position：relative; min-width：950px; 身高：100％; 背景：黑色url（images/GrassBG.png）repeat-y top center;

font:13px "Lucida Grande",Helvetica,Arial,sans-serif; 
}

body.main { width：950px; margin：0 auto; 位置：相對; }

是有使用DIV當一個背景圖像 - 的高度限制爲僅顯示的內容什麼辦法？

即時將背景圖像放在一個div因爲我想通過位置居中：相對，但圖像不會顯示，除非我把高度放在div上，那不是我想要的，因爲我不想要能夠只是向下滾動到圖像的底部，其中沒有內容

我試圖把背景圖像放在身體的CSS，但如果瀏覽器小於圖像的寬度，它只是把它扔到左邊，你只能看到它的一半 - 有沒有辦法讓背景位置：相對於身體？

抱歉，如果這沒有道理> <

感謝

爲什麼你能不能用現在的位置：相對的;在身體上？

來源

2010-04-26 Gazow

如果您自己解決了您的問題，請考慮自行發佈問題的答案。 – Ham 2010-04-27 11:13:37

您可以將div的高度設置爲100％，並將其設置爲no-repeat，以防止它在整個div中傳播。確保它的所有父元素都包含100％的高度（一直到body）。它不會強迫自己達到一定的高度。它只會填滿頁面。

當然，這一切都假設你不關心與div下面的內容進行交互。

<style> 
body, 
#parent { 
    height: 100%; 
} 

#the_one_with_the_background { 
    background: url('background.png') no-repeat top center; 
    height: 100%; 
    width: blahpx /* You're still going to have to define a width of some sort */ 
} 
</style> 

<body> 
    <div id="parent"> 
     <div id="the_one_with_the_background"> 
     </div> 
    </div> 
</body>

來源

2010-04-26 20:21:10 dclowd9901

它似乎並沒有顯示任何圖像，只使用100％ – Gazow 2010-04-27 00:52:51

背景圖片幫助

回答

相關問題