オーバーフローの境界を越える:隠されたラッパー
-
02-10-2019 - |
質問
ここに少しのピクルス:
大きなjquery.cycle Carouselを手に入れました。そのスライドは、それらの内部にたくさんのものがあるDiv要素です。
ラフマークアップ:
<div id="carousel">
<div class="slide">slide content</div>
<div class="slide">slide content</div>
<div class="slide">slide content</div>
</div>
問題は、「カルーセル」divが持っていなければならないことです orverflow:hidden;
いくつかのバグを防ぐために設定しますが、マウスオーバーにドロップダウンリストを表示するには、特定のスライドの要素のいくつかが必要です。これを行うと、ドロップダウンはカルーセルラッパーの境界を越えて切り取られます。私の最初の本能は使用することでした z-index
, 、しかし、それはうまくいきませんでした。
「絆を超えて」方法についてのアイデアはありますか?
解決
ポジション:絶対にドロップダウンで使用できますが、私はそれをお勧めしません。
オーバーフローを削除してみてください:hidden;高さと幅をつけます。
他のヒント
あなたはポジションで行くことができます:そのドロップダウンリストの絶対的なものですが、それは醜いです。
オーバーフローを失ってみてください:隠され、オーバーフローの使用:代わりに表示されます、それはあなたのケースで行くための最も正しい方法です。
所属していません StackOverflow