题
这里有点泡菜:
有一个大的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
, ,但这没用。
关于如何“超越债券”的任何想法?
解决方案
您可以使用位置:绝对在下拉列表上,但我不建议这样做。
尝试删除溢出:隐藏;并戴上高度和宽度。
其他提示
您可以选择位置:绝对对于该下拉列表,但这很丑陋。
尝试丢失溢出:隐藏和使用溢出:可见,这是您的情况下最正确的方法,虽然它会多么容易或困难。
不隶属于 StackOverflow