我一直在尝试使用z-index css属性使一个元素始终位于另一个元素的前面，但它不起作用。一个元素的z-index明显大于另一个元素的z-index，但它仍然位于另一个元素的后面。可能是因为其中一个元素（前面显示的元素）是iframe？有没有人有任何其他建议？
答案 0 :(得分：5)
请记住，z-index索引仅依赖于绝对元素。两个元素都应该具有以下位置：绝对。 CSS 2.1 Specification
中的更多信息答案 1 :(得分：1)
对于稍后到达此处的人，正确的答案是将position: relative;或任何其他position道具放在有问题的元素上。
我的建议是将此问题放在与问题有关的每个元素上：
position: relative;
z-index: 0;
然后增加iframe前面最后面元素的z-index。
如果你这样做，你将很快开始获胜。
在我的测试中，z-index仅在您明确设置position时才有效。通过调整z-index值来测试它，然后通过鼠标单击尝试突出显示屏幕上的文本。你应该看到层的行为是按要求或非常不正确的证据。
如果您按 F12 （在Chrome中打开开发窗格）然后单击左上角的检查按钮或按 CTRL + SHIFT + C < / KBD>。然后，您可以将鼠标悬停在所有内容上，并查看其堆叠上下文相对于相邻元素的内容。
UX奖励提示：请记住，用户可能希望复制文字，因此请确保他们可以选择文字。
如果您遇到问题，很可能是：
position: relative;，或z-index: 0;