わかりました、これまでのところ提案はありませんでした。
class="container"
追加のクラスまたは id のみを使用してセクションを絶対に配置すると、相対的に配置された祖先の<div>
外側に配置され、「バンド バナー」内に配置する必要があります。<div>
class="band banner"
<div>
なぜだか途方に暮れています。誰かアイデアがありますか?
ここに再びテストサイトがありますhttp://test-site.zymichost.com
スケルトン ボイラープレートを使用して Web サイトを開発しており、特定のセクションであるバンド スライドショーの Flexslider スライドショーの背景を作成したいと考えています。
インデックス ページには 4 つのメイン バンドがあります。ヘッダー、スライドショー、本文、フッター。
以下の例に入れているのはスライドショー バナーのみです。例でわかるように、スライドショーと最新ニュース ブロックがあります。スライドショーの上に最新ニュース ブロックが必要ですが、スライドショーが必要です。このスライドショー バナーの下には、重ねたくない最新ニュース要素に似た要素が他にもあるため、ドキュメントの流れの中にとどまります。
ここに私のジレンマがあります。Flexslider スライドショーを絶対に配置すると、最新ニュース要素がスライドショーと重なってしまいますが、その下のバンド (本文) とそれに含まれる要素も重なってしまいます。良くない。
最新ニュース セクションで絶対配置を使用すると、スライドショー バナーの外側にとどまり (含まれている要素を に設定してもposition:relative;
)、何か混乱させられます。また、負の配置 (boooo hiss) を使用すると、ブラウザーが再起動したときにめちゃくちゃになります。 -サイズ。パンツ。
テストサイトの URL は次のとおりです。
http://test-site.zymichost.com
投稿が少し大規模になるため、ここにコードを含めていません。
先ほど言ったように、スライドショー バナーしか含まれていませんが、必要に応じてさらに追加します。
これは明白なことかもしれませんが、それは私の頭を悩ませています。どんな助けも大歓迎です。