我已经在这个下拉菜单上工作了一段时间了,我决定我不能自己做。 我在谷歌上搜索了很多解决方案,并看到了几个关于 css 下拉菜单的 youtube 教程,但不知何故,它们总是对有问题的人有用,但对我不起作用。 希望你能帮助我。
之前其他代码的问题是文本下推或其他内容移位等问题。 这是我试过的最后一个视频:http://www.youtube.com/watch?v=_mdjwPzzKT8 这个的问题是我的子菜单根本不再显示了。 这是我停下来决定需要帮助的地方。
希望您能帮助我编写代码!
我现在的css代码:
#topnav { z-index:3;
padding-top:76px; }
#topnav ul li { list-style-type:none;
display:inline;
float:right;
}
#topnav ul li a { font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding-left:15px;
}
#topnav ul li a:link { color:#00aeef; }
#topnav ul li a:visited { color:#00aeef; }
#topnav ul li a:active { color:#f26532; }
#topnav ul li a:hover { color:#f26532; }
#topnav ul li a:focus { color:#f26532; }
#topnav li ul { position:absolute;
left:-999em;
list-style-type:none;
}
#topnav li ul li { border-top:0px;
clear:both;}
#topnav li:hoover ul { left:auto; }
我现在的html代码:
<div id="topnav">
<ul>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="over ons.html">OVER ONS</a></li>
<li><a href="gedragsbeinvloeding.html">GEDRAGSBEINVLOEDING</a></li>
<li><a href="onze diensten.html">ONZE DIENSTEN</a>
<ul>
<li><a href="onderzoek.html">ONDERZOEK</a></li>
<li><a href="advies.html">ADVIES</a></li>
<li><a href="lezingen.html">LEZINGEN</a></li>
</ul>
</li>
<li><a href="index.html">HOME</a></li>
</ul>
</div>
最佳答案
你有 li:hoover
。这应该是 li:hover
关于css - 下拉CSS菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20353297/