下拉列表不适用于网站（css显示标签）

Question

我已经为此工作了很长时间，但似乎找不到我的下拉菜单不起作用的原因。在搜索了许多在线论坛并询问朋友之后，我没有答案。我只希望下拉菜单起作用。我似乎无法使.dropdown_trigger类使.dropdown类隐藏或重新出现。任何帮助将不胜感激。以下链接是页面。

谢谢，
亚历克斯

Index Page CSS File

Answer 1

通过检查“索引页面”链接中提供的html页面，只有一个带有“下拉”类的元素，并且该元素为空。尚不清楚您的代码试图显示或隐藏什么。

<div class="dropdown"></div>

“ dropdown_trigger”类位于表头元素中：

<th>
  <a href="AArehartProjects.html" class="dropdown_trigger">PROJECTS</a>
</th>

经检查，似乎没有任何JavaScript可以触发任何行为。它不会显示在Chrome Inspector的Source中。通常，使用JS使用.show（）或.hide（）可以完成此操作，例如，如果您使用jQuery（还有其他方法）。还是您要完全不使用JS创建此文件？您是否要仅使用CSS创建下拉菜单？

如果是，请查看本教程：

• https://css-tricks.com/solved-with-css-dropdown-menus/

关键部分在这里：

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

通过创建CSS规则来更改可见性，可以显示下拉菜单。但是，在您提供的当前链接页面中似乎没有任何HTML内容可显示。 div是空的。