バックグラウンドサイズ：ChromeとSafariでカバーのパフォーマンスが低下しています

Question

この問題についていくつかの記事を読んでいますが、解決策が見つかりませんでした。私のウェブサイトは視差スクロール効果を使用しているので、画像の代わりに背景を持つdivを使用する必要があります。背景をフルスクリーンにする方法はありますか？

Answer 1

私は私の解決策はそうのようなあなたのdivを設定することです、同じ問題を自分で遭遇した。そして、それをwidth: 100%;を与え、それがdisplay: inline-block;ので作り、それぞれが希望する背景をDIV与える

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

divはインラインブロックで、ブラウザウィンドウが非常に小さく、ページにxスクロールバーが必要な場合は、背景がページの幅全体に広がります。その代わりに、ユーザがx-scrollするとdisplay: block;のままにしておくと、最初は表示されていないものについては背景色が消えます。

あなたのコンテンツクラスには、あなたのコンテンツ用にグリッドを設定したり、気に入ったものを960gで使用したり、そのクラスとしてすべてのセクション/ divに適用することができます。

ワーキングここで（進行中の）例：http://residencyradio.com

Answer 2

私は

-webkit-backface-visibility: hidden; 

を追加し、ラグがなくなったように、それは、見てしようと試みました。