2

この問題に関するいくつかの投稿を読みましたが、解決策が見つかりませんでした。私のウェブサイトは視差スクロール効果を使用しており、画像の代わりに背景のあるdivを使用する必要があります。背景を全画面表示にする方法はありますか?

4

2 に答える 2

2

私自身も同じ問題に遭遇しました。私の解決策は、divを次のように設定することです。

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

次に、各divに希望の背景を指定し、awidth: 100%;を指定して作成しますdisplay: inline-block;。divはインラインブロックであるため、ユーザーのブラウザウィンドウが非常に小さく、ページにxスクロールバーが必要な場合、背景はページ。代わりに、ユーザーがxスクロールしたときのようにそのままにしておくと、display: block;最初に表示されていないものの背景色が消えます。

コンテンツクラスについては、960gsなどを使用してコンテンツのグリッドを設定し、そのクラスとしてすべてのセクション/divに適用できます。

ここでの作業中の(進行中の)例:http://residencyradio.com

于 2012-04-18T00:26:29.980 に答える
0

追加してみました

-webkit-backface-visibility: hidden;

そして、それは遅れがなくなったように見えます。

于 2014-06-12T09:40:19.683 に答える