HTML z-index不能按预期工作 - 元素位置问题？

Question

我有一个页面，其输入元素的位置由页面的正常流程确定（即其位置为NOT显式定义为元素定义的一部分）。

然后，我有其他元素（div），它们是以固定位置以编程方式创建的，并且每当它们之间存在重叠时，它们应该出现在输入元素后面。

我试图分配给输入元件的高的离谱z索引（100001，而编程元件具有z索引< 1000），但输入元件仍然被示BEHIND其他人。

我发现一些帖子提示input元素也应该被定位为其他元素，但是这可能会对页面的总体布局产生负面影响。

有没有人有我可以尝试的建议？

谢谢。

Answer 1

z-index用于定位为absolute,relative和fixed的元素。

尝试设置您的输入position: relative，那么你z-index应该工作。

#myInput { 
    position: relative; 
    z-index: 100001; 
} 

Answer 2

z-index仅适用于定位元素，因此您需要定位它。

如果要定位它而不移动它或使其脱离正常流程，请将其设置为position: relative。