我有一个网站,活动菜单和悬停链接在不应该显示在移动菜单上。就像他们一直在那儿一样。```
html, body { font-family: "Lato", sans-serif; width: 100%; height: auto; margin: 0; } .nav { background-color: #3333FF; width: 100%; height: 40px; line-height: 40px; } .menu { font-family: Monserrat, sans-serif; font-size: 18px; color: white; list-style-type: none; padding: 0; position: relative; z-index: 1; } .menu a { text-decoration: none; color: #fff; } .menu ul li { text-align: center; display: inline; padding: 8px; margin: 0 5px 0 5px; width: 24.11%; } .menu li:visited, .menu li:active, .active, .menu li:hover { background: #0000EE; color: #fff; } label { margin: 0 14px 0 0; font-size: 18px; display: none; } #toggle { display: none; } /* Show Hamburger */ @media screen and (max-width: 500px) { label { cursor: pointer; display: block; color: #fff; } .menu { text-align: center; width: 100%; display: none; } .menu a { display: block; background-color: #3333FF; margin-bottom:-40px; padding: 0; } .menu li a {border-top: 1px solid #F4F4F4;} .menu li a:active, .menu li a:hover; .menu li a:link {color: #fff; background: 0; display: none;} #toggle:checked + .menu { display: block; } } <div class="nav"><label for="toggle">☰</label> <input id="toggle" type="checkbox" /> <div class="menu"><ul><li><a href="http://index.html">Home</a></li><li><a href="http://news.html">News</a></li><li class="active"><a href="http://contact.html">Contacts</a></li><li><a href="http://policies.html">Policies</a></li><li><a href="http://members.html">Members</a></li><li><a href="http://volunteer.html">Volunteer</a></li><li><a href="http://links.html">Links</a></li></ul></div>
没有人知道为什么要这么做,因为这对我来说还是个谜。尝试了大多数事情。我没有放置任何活动的悬停显示,但仍显示出错误。
我有一个网站,活动菜单和悬停链接在不应该显示在移动菜单上。就像他们一直在那儿一样。 ```html,body {font-family:“ Lato”,...
尝试使用不透明度:0;可见性:隐藏;也