0

ここでちょっとしたピクルス：

大きな jquery.cycle カルーセルを手に入れました。そのスライドは、内部にたくさんのものがある 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ことでしたが、うまくいきませんでした。

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

4

2 に答える 2

1

ドロップダウンで position: absolute を使用できますが、お勧めしません。

オーバーフローを削除してみてください: hidden; 高さと幅を設定します。

于 2010-09-14T08:26:50.093 に答える
0

そのドロップダウン リストに position:absolute を使用することもできますが、見苦しくなります。

overflow:hidden を失い、代わりにoverflow:visible を使用してみてください。これは、あなたのケースでは最も正しい方法ですが、それがどれほど簡単か難しいかはわかりません。

于 2010-09-14T08:24:54.420 に答える