css - 顶部导航下拉麻烦

Question

这会很尴尬，但是我已经有一段时间没有写代码/css了，所以请多多包涵；-)

我只需要一个简单的下拉菜单，但由于某种原因，我想出的那个不起作用，向下移动鼠标时下拉菜单消失，并且文本（来自我的主要内容）被覆盖。我怀疑发生这种情况是因为我对元素使用了绝对位置，但除了通过声明 #main top: 300px; 来向下移动内容之外，还必须有其他解决方案。

http://dynomotion.com/dev/home/About.html

有任何想法吗？

谢谢，萨沙

标签： cssdrop-down-menu

Answer 1

您的#maindiv 掩盖了#menu阻止您正在寻找的功能的 div。您可以通过调整#menu语句style.css以包含 z-index 来解决此问题。

例如：

#menu { 
    position:absolute; 
    left: 12px; 
    top: 80px; 
    z-index: 2;
}