Пересекая границы переполнения: скрытая обертка

Question

немного рассола здесь:

Получил большую карусель 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 "carousel" должен быть установлен orverflow:hidden;, чтобы предотвратить несколько ошибок, однако мне нужно, чтобы некоторые элементы на определенных слайдах отображали выпадающие списки при наведении курсора, когдаЯ делаю это, выпадающий список выходит за пределы обертки карусели и обрезается.Моим первым инстинктом было использовать z-index, но это не сработало.

Есть какие-нибудь идеи о том, как "выйти за рамки обязательств"?

Answer 1

Вы можете использовать position: absolute в раскрывающемся списке, но я не рекомендую этого.

Попробуйте удалить переполнение: скрыто; и наденьте высоту и ширину.

Answer 2

Вы можете перейти с позиции: абсолютная для этого выпадающего списка, но это ужасно.

попробуйте потерять переполнение: скрытое, и вместо этого используйте переполнение: видимое, это самый правильный путь в вашем случае, не смотря на то, насколько простым или сложным это будет.