現在、私は自分のウェブサイトのレスポンシブ テンプレートに取り組んでいます。このテンプレートを作成するために、twitter ブートストラップ フレームワークを使用しています。
Jarallax プラグインを使用した視差効果。私の Web サイトはレスポンシブで、私の Web サイトはtwitter ブートストラップを使用しているため、列 (span4) で 2 つの画像を重ね合わせるのに問題があります。
背景画像を div として使用すると、背景画像がすべての画面サイズで正しく表示されないため、これはレスポンシブの問題です。
<img src="image-background.png" alt="bg" />
<img src="image-parallax.png" alt="fg" class="parallax-top" />
画像の視差をスクロールすると、スタイルが変わり、視差効果が作成されます。 問題は、テンプレートがまだレスポンシブな方法でこれらの画像を重ねることができないことです。
以下のjsfiddleリンクの簡単なサンプル。
http://jsfiddle.net/nytrm/Z49Pv/3/
視差を使用して応答性を維持できるように、解決策を見つけたいと思っています。