Css背景圖層和100％高度div

想象下面的代碼。Css背景圖層和100％高度div

<body id="first_bg_layer"> 
    <div id="second_bg_layer"> 
    <div id="third_bg_layer"> 
    </div> 
    </div> 
</div>

每層都有不同的背景，靜態/重複以達到所需的效果。我需要所有圖層填滿屏幕，否則背景將被打破。背景分層分層以最小化圖像大小。

將最小高度設置爲100％不能用於各種原因。有沒有辦法做到這一點？

編輯：如果我將#second_bg_layer設置爲高度：100％，#third_bg_layer爲最小高度：100％，則可以。但是，#second_bg_layer被鎖定爲100％，並且不會進一步擴展。

我想要做的是在div或其他解決方案上設置最小高度。

來源

2010-04-14 Znarkus

您是否將HTML和BODY高度設置爲100，邊距爲0？如果沒有，那麼請確保你的div元素的位置正確。

來源

2010-04-14 07:42:08 Kyle

這不是我的問題，請參見編輯:) – Znarkus 2010-04-14 11:38:06

你有一個我們可以看看的現場例子嗎？ – Kyle 2010-04-14 12:10:36

如果你只是沒有得到一個完整的寬度和高度，在身體外面的面積，那麼也許你問這個是：

html, body { 
    height: 100%; width: 100%; 
} 

/* And perhaps adding this if you're not using any reset CSS */ 
html, body { 
    margin: 0; padding: 0; 
}

如果它不是，我不知道你是什麼有問題，但背景圖像不能顯示在其選定的元素之外。如果你想區分背景層和圖層本身，那麼我會建議使用額外的寬度/高度的div：100％;位置：絕對;上/左：0;和背景：url（...）;保持背景圖像。

來源

2010-04-14 07:42:09 Simeon

這不是我的問題，請參閱編輯:) – Znarkus 2010-04-14 11:38:41

一招，我前一段時間閱讀，並應用所看到波紋管，如果我記得好...正如剛纔上面說別人的第一部分，我會設置：

HTML，HTML體{高度：100％;}

然後，包含所有內容的div。一種包裝，如果你想這樣稱呼它。

...我設置的包裝div {height：100％; min-height：100％;} 在它的類或id中。

但不幸的是IE不支持最小高度，也不高度：汽車，所以...

只設置第一IE的情況下，行：{高度：100％;}

，然後將CSS這將適用於其他瀏覽器：

HTML>體whatever_the_div_class {高度：自動;最小高度：100％;}

最後，做一個頁腳DIV把它這個包裝的div之外，它之後，您將添加哪些css屬性：

身高1％;明確：既（1％是像經常發生，IE需要一些「空間」或將做奇怪的事情）

好，讓我們希望它有助於:)

來源

2010-04-14 12:30:55

Css背景圖層和100％高度div

回答

相關問題