Css Google Chrome不尊重z索引

根据标题，似乎只有Chrome没有参与进来。请注意，不能单击屏幕左侧的表单字段。这仅发生在某些页面上（如联系人页面）。看起来#left#u outer div覆盖了内容。当我通过Firebug或Chrome的dev toools编辑css时，它可以工作；当我编辑实际的css并刷新时，它不能工作

有什么想法吗

链接：

---

谢谢

通常，当您设置了

z-index

属性，但事情并不像您预期的那样正常工作时，它与

位置

属性相关

为了使

z-index

正常工作，需要对元素进行“定位”。这意味着它必须将

位置

属性设置为

绝对

、

相对

或

固定

中的一个

---

请注意，如果您使用

位置：绝对
和
顶部
，
左侧
，
右侧
，
底部
，等等，那么您的元素也将相对于定位的第一个祖先进行定位。
如果没有要查看的链接，很难看到问题可能是什么

您是否有
z索引：-1
anywhere（这里的关键是负数，与数字无关）？
我发现在过去，这会使容器无效，而不会与之交互

祝你好运
 我知道这个问题现在已经解决了，但发布的解决方案对我不起作用。以下是解决我问题的方法：

<act:AutoCompleteExtender ID="ace" runat="server" OnClientShown="clientShown">
</act:AutoCompleteExtender>

<script language="javascript" type="text/javascript">
    function clientShown(ctl, args) {
        ctl._completionListElement.style.zIndex = 99999;
    }
</script> 


显示的功能客户端（ctl、args）{
ctl._completionListElement.style.zIndex=99999；
}
我对Chrome上的zIndex有一个奇怪的问题，我一直在摆弄position属性以查看是否有任何效果。但事实并非如此。事实证明，在我的例子中，问题在于transform属性。因此，如果您有一个transform属性，禁用它就可以了。其他浏览器可以很好地处理类似的东西，但Chrome的处理方式似乎有所不同

希望这对您有所帮助。
Markt的答案（参见第一个答案）非常好，这是z-index属性的“按定义”。

Chrome的具体问题通常与顶部容器底部的溢出属性有关。
因此，对于以下内容：

<div class="first-container">...</div>
<div class="second-container">
    <div ...>
         <div class="fixed-div> some text</div>
    <... /div>
</div>

实际上发生了以下情况（仅限Chrome，firefox按预期工作）

“固定div”位于“第一个容器”后面，即使“固定div”及其容器（“第二个容器”）的z索引值大于“第一个容器”


原因是Chrome始终在容器内强制执行边界，该容器强制执行溢出，即使其继承者之一可能具有固定的位置。

我想你可以找到一个扭曲的逻辑。。。我不能-因为使用固定位置的唯一原因是启用“一切之上”行为

所以bug是…
谷歌Chrome到84.0.4147.135（官方版本）（64位）2020-02-22

自从我上次更新以来，CSS元素z-index在Chrome中被破坏了

Chrome在BODY元素中添加了“z-index:1；”

现在，它错误地显示了所有z索引：？；BODY子元素中的值

设置身体的位置、z指数并不能解决问题。
更改已正确的子元素的z索引值没有帮助

我希望这个问题将得到解决，它是唯一打破，因为我更新了铬

Chrome 84.0.4147.135屏幕上的错误小于500像素-按键播放-显示底部栏#lbottombarlink（带z索引5）显示在带z索引2的菜单下

（见图）

您似乎忘记添加页面链接。信息不足，无法使用。。。zindex也受元素页面位置的影响，浏览器的计数不一样。。。firefox的工作原理仅供参考，我可以点击Chrometh中的表单字段。非常感谢！：）谢谢我还必须在没有位置属性的元素上设置z索引。@Kate:你能解释一下这个负数问题吗？“转换”创建了一个新的“堆叠上下文”：
.first-container {
    position:relative;
    z-index: 100;
    width: 100%;
    height: 10%;
}

.second-container {
    position:relative;
    z-index: 1000;
    width: 100%;
    height: 90%;
    overflow: auto;
}

.fixed-div {
    position: fixed;
    z-index: 10000;
    height: 110%;
}