html - 如何让我的菜单与所有内容重叠？

Question

我正在尝试创建一个垂直导航，当我将鼠标悬停在提供子页面的页面名称上时，该导航会下降到右侧。当我将鼠标悬停在它上面时，它出现在它旁边，但内容出现在它上面。我希望我的导航位于一切之上。我尝试使用 z-index。我的 z-index 使用了 32、999、1000、10000。我尝试将我的菜单从 position:absolute 切换到 position:relative 但它只是增加了不需要的空间。我尝试使用 z-index 将我的内容设置为 position:absolute，低于我导航中的内容。这是链接： http: //michellecantin.ca/test/

您的帮助将不胜感激！

Answer 1

容器 div 的相对位置是一个问题。将其浮动到右侧：

#container {
   position: relative;
   left: 26%;
   width: 72%;
}

应该：

#container {
   float:right;
   width: 72%;
}