html - div中元素上的z-index问题，溢出隐藏

Question

我有一个奇怪的问题，即元素的 z-index 没有设置，即使我在其上放置了 position:absolute。父元素有溢出：隐藏集。

看一个我的意思的例子：

1. 访问http://www.berrisforda.com/
2. 在工作搜索选项卡上有一个自定义选择/下拉悬停在它上面
3. 请注意，它被容器切断了，它实际上在它下面延伸，但容器有溢出：隐藏集

我正在尝试在其上设置 z-index，但没有任何运气

有人可以帮忙吗？

Answer 1

在这种情况下，z-index不会帮助你。如果您有overflow:hidden父元素，则该元素边界框之外的任何子元素都将被隐藏。你有三个选择：

1. 移动下拉元素，使其不再是该元素的子overflow:hidden元素。
2. 使下拉列表滚动。
3. 删除overflow:hidden样式。

Answer 2

将 .tab 上的高度调整为更短...

ul#output li.tab {
position: absolute;
width: 684px;
height: 345px; /*see how I changed this value*/
background-color: #fff;
}

并从 #feature-list{} 中删除溢出：隐藏

并在 .dropdown dd ul {} 上设置 z-index:1

也请执行以下步骤来修复页脚....

对不起伯特 - 我最初犯了一个错误 - 这是最后一步

从#footer 中删除 position:relative 和 z-index

那你应该好好去！