这里有点泡菜:

有一个大的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, ,但这没用。

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

有帮助吗?

解决方案

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

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

其他提示

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

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top