ul li ul.dropdown{
min-width: 125px;
background: #f2f2f2;
display: none;
position: absolute;
z-index: 999;
left: 0;
}
ul li:hover ul.dropdown{
display: block;
}
ul li ul.dropdown li{
display: block;
}
<div class="navigation">
<ul>
<li><a href = 'index.html'>Home</a></li>
<li><a href = 'media.html'>Media Design</a></li>
<li><a href = 'innovatie.html'>Innovatieroutes</a></li>
<li><a href = 'info.html'>Informatie</a></li>
<ul class="dropdown">
<li><a href="#">Open dagen</a></li>
<li><a href="#">Beroepen</a></li>
<li><a href="#">Studie</a></li>
</ul>
<li><a href = 'contact.html'>Contact</a></li>
</ul>
我正在尝试使用下拉菜单制作 CSS 菜单,但是当我将鼠标悬停在“Informatie”选项卡上时,我无法让菜单下拉菜单,子菜单只会在“Informatie”之后显示。也许你们中的一些人能帮我做我的菜单。