Question

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

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

我尝试为输入元素分配一个非常高的z-index（100001，而编程元素的z-index <1000），但输入元素仍显示 BEHIND 其他元素。

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

有人有建议我可以试试吗？

感谢。

Answer 1

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

如果您想要定位它而不移动它或将其从正常流量中取出，请将其设置为position: relative。

Answer 2

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

尝试设置输入position: relative，然后z-index应该有效。

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