顶部导航下拉问题

Question

这将令人尴尬，但是我已经有一段时间没有编写代码/ css了，所以请多多包涵;-）

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

向下移动内容外，还必须有解决方案

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

有什么想法吗？

谢谢， Sascha

Answer 1

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

例如：

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