HTML background-size：封面浮動對象

我有一個小小的頁面，身體有圖像背景，background-size:cover。我設置了html { height:100% }來填滿整個頁面，而不管內容的數量。到目前爲止，一切都按預期工作。HTML background-size：封面浮動對象

我已經添加了div並設置了position:absolute; right:0; width:200px;這又一次按預期工作，直到我添加了內容。

當這個div填充得太多以至於內容佔用的空間比頁面高度更多時，會出現滾動條。向下滾動顯示背景圖像實際上並不覆蓋整個頁面。

這是由於我的div高於HTML高度的100％。

我該如何解決這個問題？

2012-11-05 Mikhail

這個問題更適合StackOverflow.com。 – MrWhite

這樣做就像我在this codepen，它應該工作正常。

更新：（使用一些JS）

看到this codepen更完整的解決方案。

2012-11-05 17:15:49 YardenST

您的解決方案是平鋪背景圖像，但OP似乎有一個不重複的背景圖像，因此這可能不合意。 – MrWhite

事實上，你用我的臉真的嚇到我了。 – Mikhail

您可以將background-attachment:fixed;添加到您的body元素中。

使用此方法的警告是背景現在已固定在視口中，不會與文檔一起滾動。

2012-11-05 17:32:02 MrWhite

相反定位的經由position:absolute任何產品我利用float儘可能。

我還在<body>的內部添加了一個<div>包裝，這有助於正確格式化並相應地拉伸包含<div>。 body標籤及其背景屬性現在表現正常！

2012-11-09 21:52:46 Mikhail

回答