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

Question

我有一个包含 input 元素的页面，其位置由页面的正常流程决定(即它的位置NOT明确定义为元素定义的一部分)。

然后，我有其他元素(div)以编程方式创建，位置固定，只要它们之间有重叠，它们就应该出现在输入元素后面。

我尝试为输入元素分配一个高得离谱的 z-index(100001，而编程元素的 z-index < 1000)，但输入元素仍然显示在其他元素后面。

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

有人建议我试试吗？

谢谢。

Answer 1

z-index 只适用于定位元素，所以你需要定位它。

如果您想在不移动它或使其脱离正常流的情况下定位它，请将其设置为 position: relative。