背景大小：封面在Chrome和Safari中的性能不佳

Question

我已閱讀關於此問題的多篇文章，但尚未找到解決方案。我的網站使用視差滾動效果，我需要使用具有背景的div而不是圖像。有沒有一種讓背景全屏顯示的方法？

Answer 1

我遇到同樣的問題我自己，我的解決辦法是設置你的div像這樣：

<div id="blah"> <div class="content"> Blah content </div> </div>

然後給每個div都想要的背景下，給它一個width: 100%;並使其display: inline-block;因爲DIV是inline-block的，如果用戶擁有自己的瀏覽器窗口非常小，你的頁面需要一個X-滾動條，那麼背景將拉伸首頁的整個寬度。如果您將其保留爲display: block;，那麼當用戶x滾動背景顏色時，對於任何初始不在視圖中的任何內容都將消失。

至於，您可以設置網格爲內容的內容類多數民衆贊成，使用960gs或任何你喜歡的，並且其可以將其應用到每一個部分/ DIV類。

工作（在建），例如這裏：http://residencyradio.com

Answer 2

我tryed添加

-webkit-backface-visibility: hidden; 

它看起來像滯後已經一去不復返了。