3

だから私は、このようなパララックス スタイルのサイトを作成しようとしています。ただし、画像が動かない効果のために「固定」添付ファイル付きの背景画像を使用しているのに対し、jquery スライドショー プラグインを使用したいと考えています。基本的に、画像がスライダーに含まれている場合、画像の「固定」添付ファイルと背景位置をどのように達成できますか? 現在、スライドショーの画像はスクロールするだけです...

途中で必要な情報があれば、コード サンプルを提供させていただきます。

ありがとう！

4

1 に答える 1

6

このようなものは動作するはずです (コード例 [セマンティック ID を使用]):

<div id="SlideShowContainer">Slide Show Generates into this div</div>
<div id="AllOtherContentWrapper">All other content goes here</div>

次に、css を次のように設定します。

#SlideShowContainer {
   position: fixed;
   z-index: 0;
   top: 0; right: 0; bottom: 0; left: 0;
}

#AllOtherContentWrapper {
   position: relative; /* this could be absolute depending on application*/
   z-index: 1;
}

これにより、スライド ショーのコンテナが現在の画面サイズと等しくなり、所定の位置に固定されます (基本的には、固定された背景のように機能します)。次に、サイトの残りの部分が、他の div のスライド ショーの上に表示されます。

于 2012-02-24T02:41:12.733 に答える