Question

我对此事进行了一些搜索，但似乎得到了不同的答案，而且鉴于我有限的编码知识，我并不完全确定如何解决这个问题。

我下载了一个名为Brushed by Alessio Atzeni的网站模板（为便于参考，我们提到了这个模板）。该模板非常棒，但不幸的是它没有下拉功能，因此我查了几个教程，并设法创建了自己的。

<div class="sticky-nav">
    <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>

    <div id="logo">
        <a id="goUp" href="#home-slider" title="rando"></a>
    </div>

    <nav id="menu">
        <ul id="menu-nav">
            <li class="current"><a href="#home-slider">Home</a></li>
    <li><a href="#intro">Intro</a></li>

            <li class="dropdown"><a href="#services">Our Services</a>
    <ul id="menu-nav-dropdown">
    <li><a href="xxx.html">Social Media</a></li>
    <li><a href="xxx.html">Graphic Design</a></li>
    <li><a href="xxx.html">Development</a></li>

    </ul>

    </li>

    <li><a href="#social-area">Blog</a></li>
    <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>

</div>

这是导航栏的index.html的HTML，当我将鼠标悬停在＆＃34; services＆＃34;下拉列表出现，每个单独的元素突出显示由于我的悬停，但当我点击它没有任何反应。但是，如果我右键单击并在新选项卡中打开＆＃34;正确的页面生成。

我选择不包含CSS以防止帖子混乱，但如果您需要任何其他信息，我很乐意尽快提供。有谁知道问题可能是什么？提前谢谢。

编辑：这是http://jsfiddle.net/tuvon83p/1/它看起来并不好看，但我相信功能在那里并正常工作（你只需要将鼠标悬停在右侧即可查看链接，因为它没有＆＃39; ta背景）。

Answer 1

尝试

nav ul li ul li a{
position: relative;
top:0;
left: 0;
z-index: 999;
display: block;
}

基本上：在导航中，找到所有的ul，找到所有的li，找到所有的ul，找到所有的li，然后选择a，它应该转到unlickable并将它放在所有东西之上。它上面可能有什么东西？

下拉列表中的项目不可点击

1 个答案: