html - 如何使 z-index 与位置 : relative; 一起工作

Question

更新:感谢您的所有评论。我认为这是一个“当前堆叠上下文”问题。如果到那时我无法解决问题，我将在明天早上复活节时间提供代码。

我有一个问题，我的自动建议下拉列表被部分隐藏，因为它下面的 div 优先。

一直在尝试找出如何使用 z-index 解决此问题。根据 W3 Schools“z-index 仅适用于定位元素(position:absolute，position:relative，或 position:fixed)”。

我发现只有当我对下拉列表使用 position: fixed; 时，z 索引才会起作用。但问题是我想使用 position: relative;。我已经尝试对下拉列表和重叠的 div 进行相对定位，并将 z-index 分别设置为 +100 和 0。

如有任何建议，我们将不胜感激。

我正在 Firefox 4 和 Chrome 中测试它。

Answer 1

z-index 仅适用于“当前堆叠上下文”。很可能 div 重叠的 div 处于不同的堆叠上下文中。

也有可能您做对了，但 FireFox 有错误。我知道至少有一个长期存在的错误，即 FireFox 在 z-index 方面不符合标准。也许在基于 WebKit 的浏览器中尝试。

您还没有发布您正在使用的 HTML/CSS，所以我无法得到比这更具体的信息。请发布您的代码，我会更新我的答案以使其更具体。

z-index 属性在这里定义:http://www.w3.org/TR/CSS2/visuren.html#z-index w3schools.com 不是此类信息的最佳来源。