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

Question

这里有点泡菜：

有一个大的jQuery.crecle旋转木马，其幻灯片是其中的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; 设置为防止一些错误，但是我需要某些幻灯片中的某些元素才能在鼠标上显示下拉列表，当我这样做时，下拉曲线超出了轮播包装器的边界并切断。我的第一个本能是使用 z-index, ，但这没用。

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

Answer 1

您可以使用位置：绝对在下拉列表上，但我不建议这样做。

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

Answer 2

您可以选择位置：绝对对于该下拉列表，但这很丑陋。

尝试丢失溢出：隐藏和使用溢出：可见，这是您的情况下最正确的方法，虽然它会多么容易或困难。