如何使z-index与position:relative;

时间:2011-05-09 01:28:53

标签: html css

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

我有一个问题,我的autosuggest下拉列表被部分隐藏,因为它下面的div优先。

试图找出如何使用z-index来解决这个问题。根据W3学校的说法,“z-index仅适用于定位元素(位置:绝对,位置:相对或位置:固定)”。

我发现只有当我使用position: fixed;作为下拉列表时,z-indexing才能正常工作。但问题是我想使用position: relative;。我已尝试为下拉列表和重叠div做位置相对,并将z-index分别设置为+100和0。

我们非常感谢任何建议。

我在Firefox 4和Chrome中测试它。

1 个答案:

答案 0 :(得分:1)

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

你也可以做得对,但FireFox有bug。我知道至少有一个长期存在的错误,其中FireFox与z-index不符合标准。也许尝试使用基于WebKit的浏览器。

您尚未发布与您合作的HTML / CSS,因此我无法获得更具体的信息。请发布您的代码,我会更新我的答案,以便更具体。

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