jquery - 越界溢出：隐藏的包装

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>

问题是必须orverflow:hidden;设置“轮播” div 以防止出现一些错误，但是我需要某些幻灯片中的一些元素在鼠标悬停时显示下拉列表，当我这样做时，下拉菜单会出现超出旋转木马包装纸的范围并被切断。我的第一直觉是使用z-index，但这没有用。

关于如何“超越债券”的任何想法？

Answer 1

您可以在下拉菜单中使用 position: absolute，但我不建议这样做。

尝试删除溢出：隐藏；并设置高度和宽度。

Answer 2

对于该下拉列表，您可以使用 position:absolute ，但这很难看。

尝试丢失溢出：隐藏，并改用溢出：可见，这是最正确的方法，不管它有多容易或多难。