试图显示此下拉菜单,但我不确定是什么错误
这是我的代码笔:https://codepen.io/JBeezy3/pen/PooQwZr
<body>
<div class="container">
<!-- will add in later -->
<div class="header" <img>
</div>
<div class="menu">
<nav>
<ul>
<li><a style="text-decoration:none" href="Home">Home</a></li>
<li><a style="text-decoration:none" href="Home">About</a></li>
<li><a style="text-decoration:none" href="works.html">Works</a>
<ul class="sub-menu">
<li> Digital </li>
<li> Physical </li>
<li> Animation </li>
</ul>
<li><a style="text-decoration:none" href="Home">Contact</a></li>
</ul>
</nav>
</div>
首先,子菜单的文本显示为黑色(这是默认颜色),这就是为什么您在黑色背景上看不到它的原因。将color: #fff
添加到ul.sub-menu li
以使其可见。然后,您可以修复其余部分。