この問題についていくつかの記事を読んでいますが、解決策が見つかりませんでした。私のウェブサイトは視差スクロール効果を使用しているので、画像の代わりに背景を持つdivを使用する必要があります。背景をフルスクリーンにする方法はありますか?バックグラウンドサイズ:ChromeとSafariでカバーのパフォーマンスが低下しています
2
A
答えて
2
私は私の解決策はそうのようなあなたの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
0
私は
-webkit-backface-visibility: hidden;
を追加し、ラグがなくなったように、それは、見てしようと試みました。
+2
こんにちは、ようこそ。質問に答えるときは、できるだけ多くの情報を追加して、元のポスターが簡単に情報を使用できるようにしてください。 – Deepend
関連する問題
- 1. バックグラウンドサイズのカバー/センターが機能しない
- 2. バックグラウンドサイズ:カバー遅れ
- 3. WKWebView WebGLのパフォーマンスがSafariより低い
- 4. AndroidでORMLiteのパフォーマンスが低下していますか?
- 5. テーブルのパフォーマンスが低下します
- 6. テーブルが多いとパフォーマンスが低下しますか?
- 7. Row_Number()のためにクエリのパフォーマンスが低下しています
- 8. のMySQL:パフォーマンスの低下が
- 9. CSS3ボックスシャドーは、Safari 5.0.2でスクロールラグ(パフォーマンス低下)を引き起こしますか?
- 10. BCryptパフォーマンス低下
- 11. fwrite()パフォーマンス低下
- 12. HTML5動画を実行しているChromeのパフォーマンスが低い
- 13. pl/sqlとmsqlが結合し、パフォーマンスが低下します
- 14. パフォーマンスの低下は
- 15. IdentityServer 3のパフォーマンスが低下したMembershipReboot
- 16. Netty 4パフォーマンス低下
- 17. "this->"を使用するとパフォーマンスが低下しますか?
- 18. 平均を計算するとパフォーマンスが低下します
- 19. [NSCursor set]を呼び出すと、パフォーマンスが低下しますか?
- 20. linq 2エンティティを使用するとパフォーマンスが低下します
- 21. Railsにログインすると、パフォーマンスが低下しますか?
- 22. Javaクラスをオーバーライドするとパフォーマンスが低下しますか?
- 23. setMinimumLoggingLevelをVERBOSEに設定するとパフォーマンスが低下します
- 24. Matlab parfevalを使用するとパフォーマンスが低下しますか?
- 25. scrollTopに基づいて要素をフェードするとパフォーマンスが低下します
- 26. NSMutableDictionaryとNSMutableArrayを使用してパフォーマンスが低下する>
- 27. .NetでのOracleのclobフィールドのパフォーマンスが低下しています
- 28. ステートメントを含むとパフォーマンスが低下しますか?
- 29. OpenGLではプログラムのパフォーマンスが低下しますか?
- 30. アプリケーションのパフォーマンスが低下する
この作品はありますか?もしそうなら親切で答えを受け入れる;) – Michael