div 中元素的 z 索引存在溢出隐藏问题

Question

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

看一个例子来说明我的意思：

1. 访问http://www.berrisforda.com/
2. 在职位搜索选项卡上，有一个自定义选择/下拉菜单悬停在其上
3. 请注意，它被容器切断，它实际上延伸到其下方，但容器设置了溢出：隐藏

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

有人可以帮忙吗？

Answer 1

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

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