オーバーフローの境界を越える：隠されたラッパー

Question

ここに少しのピクルス：

大きな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, 、しかし、それはうまくいきませんでした。

「絆を超えて」方法についてのアイデアはありますか？

Answer 1

ポジション：絶対にドロップダウンで使用できますが、私はそれをお勧めしません。

オーバーフローを削除してみてください：hidden;高さと幅をつけます。

Answer 2

あなたはポジションで行くことができます：そのドロップダウンリストの絶対的なものですが、それは醜いです。

オーバーフローを失ってみてください：隠され、オーバーフローの使用：代わりに表示されます、それはあなたのケースで行くための最も正しい方法です。