越过溢出的边界：隐藏的包装器

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>

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

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

Answer 1

您可以在下拉列表中使用position：absolute，但我不建议这样做。

尝试删除溢出：隐藏;然后放一个高度和宽度。

Answer 2

你可以选择位置：绝对的下拉列表，但它很难看。

尝试丢失溢出：隐藏，并使用溢出：可见，这是你的情况下最正确的方式，尽管它有多么容易或多难。