越界溢出：隐藏的包装答案

【问题标题】：Crossing the bounds of an overflow:hidden wrapper越界溢出：隐藏的包装
【发布时间】：2010-09-14 16:26:50
【问题描述】：

这里有点咸菜：

有一个大型 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，但没有用。

关于如何“超越束缚”的任何想法？

【问题讨论】：

您可以将下拉列表直接附加到正文，从单击的元素中获取位置并将其应用于下拉列表。不是一个非常漂亮的解决方案，但如果没有人有更好的想法，我会发布它。
谢谢，我发现插件实际上并没有强制溢出：隐藏（只是我优雅降级的习惯）。把它取下来，一切都很好。
重点是，如果想要越过它的对象在包装器内，就不可能越过溢出：隐藏边界。

标签： jquery html jquery-cycle

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你可以使用 position:absolute 作为下拉列表，但它很难看。

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

【讨论】：