Question

我正坐在这里挠挠脑袋。有一个问题本身就是愚蠢的，但我无法解决它！（是的，你可以说我比问题更愚蠢）。无论如何，我有一个网站，其中标题菜单适用于除显示页面之外的所有页面（有一组（约10页）列出不同的显示细节）。我已经通过了每一行来检测问题，但没有运气！甚至错误控制台也没有任何帮助。指导将不胜感激。

标题工作的链接： - www.amiteshgrover.com/shows.php

标题不起作用的链接： - 只需转到显示页面（上面提到的链接），然后点击任何节目。然后尝试将鼠标悬停在菜单栏上，没有任何反应？恰好！

Answer 1

您的#maincanvas覆盖整个标题菜单。

将CSS更改为：

#mainCanvas {
  margin-top:60px;
  padding-top:20px;
  clear:both;
  position:static;
  min-width:940px;
  z-index:100;
  margin-left:125px;
}

Answer 2

问题是#main-canvas位于您的菜单前面，因此当您尝试点击该菜单时，您实际上是在点击#main-canvas。

#main-canvas有z-index: 100而.nav没有z-index。

要解决此问题，请将position: relative; z-index: 101;添加到.nav或将padding-top从#main-canvas更改为margin-top，这样#main-canvas赢了“与菜单位于同一位置。

Answer 3

好像sub_styles.css已加载到所有其他页面上但是这个，这个样式文件给出了菜单的外观，因为它没有加载到那些页面上，你看到有问题的菜单。