位置的 Z 索引：固定 [重复]

Posted 2023-03-06

【中文标题】位置的 Z 索引：固定 [重复]

【英文标题】：Z-index for Position: fixed [duplicate]

【发布时间】：2013-07-03 20:04:25

【问题描述】：

所以我正在制作网页。我需要使用 Z-Index，这样我才能获得一些很酷的效果等。我已经到了需要制作固定导航栏并使用Z-Index：2（例如）使用position：fixed时是否有与Z-index等效的地方？

提前致谢。

【问题讨论】：

可能重复：http://***.com/questions/5218927/z-index-not-working-with-fixed-positioning

你有什么问题？ Z-index 应该适用于带有position: fixed 的元素。

看起来在其他元素上将位置设置为相对可能会有所帮助。

事实并非如此。在那个问题中，看起来人 div 的位置和样式正在造成问题。我想知道是否有任何等价物。

【参考方案1】：

http://www.fiveminuteargument.com/fixed-position-z-index

根据上面提到的文章我们可以使用z-index进行固定定位！

【参考方案2】：

Z-index 适用于任何具有位置值的对象，无论它是固定的、绝对的还是相对的。如果您为对象应用了位置值（在这种情况下是固定的），那么 z-indexing 的行为应该与处理任何其他已定位对象的行为一样。

如果您遇到特定问题，则需要在问题中详细说明。

【讨论】：

嗯，我得再看看我的代码。

原来我的一个脚本搞砸了另一个元素的 Z-index，我放错了图层，导致它看起来不起作用。我的错:)。

您可能遇到的问题，未应用位置的对象有时会与 z 索引的对象重叠。如果您有想要放在固定对象后面的对象，请给它们 position:relative （也不一定需要 z-index），这应该允许它们落在索引较高的对象后面。