css - CSS 的 Z-index 问题

Question

我需要将 page1、page2 和 page3 链接隐藏在#site div 后面。现在他们不是。它必须是一些 z-index 问题，但我使用的没有 z-indexes 工作。

所以#nav ul ul li 应该出现在#site div 后面。然后，当您将鼠标悬停在“父页面”上时，它将显示这些页面。

这是该站点的演示：http: //tempsmz.hostzi.com/

Answer 1

该z-index属性仅适用于定位元素（固定、绝对和相对）。尝试将 a 添加position: relative;到元素并应用所需的z-index，例如 1 用于导航，2 用于站点容器。

Answer 2

要使 z-index 工作，您应该始终添加位置：相对（或绝对或固定）。此外，您覆盖链接的 div 实际上具有透明背景。尝试将其设置为白色，它们应该会像你想要的那样消失。