Question

我有一个网站，其中包含使用UL和LI构建的菜单，其余的CSS使其垂直且时尚（ipayments.kz）。

当我从顶部向下滚动一点时，菜单停止可点击（如没有悬停或A定义。）

HTML代码如下。

<nav>
    <div class="container">
        <a class="brand" href="#">Instant Payments</a>
        <ul class="main-nav">
            <li><a href="#projects">Наши проекты</a></li>
            <li><a href="#solutions">Наши решения</a></li>
            <li><a href="#partner">Партнеры</a></li>
            <li><a href="#contacts">Контакты</a></li>
        </ul>

        <ul class="langs">

            <!-- >>> [FREE] >>> -->
            <li class="active" dir="ltr">
                <a href="index.html">
                    РУС                                            </a>
            </li>
            <!-- <<< [FREE] <<< -->

            <!-- >>> [FREE] >>> -->
            <li class="" dir="ltr">
                <a href="index_kz.html">
                    КАЗ                                            </a>
            </li>
            <!-- <<< [FREE] <<< -->

            <!-- >>> [FREE] >>> -->
            <li class="" dir="ltr">
                <a href="index_en.html">
                    ENG                                            </a>
            </li>
            <!-- <<< [FREE] <<< -->
        </ul>
    </div>


</nav>

问题在于ul class＆＃34; main-nav＆＃34;正在关注

    .main-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-nav:before, .main-nav:after {
    display: table;
}

.main-nav:after {
    clear: both
}

.main-nav > li {
    float: left;
}

.main-nav > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    text-decoration: none;
    line-height: 72px;
    margin-right: 30px
}

.main-nav > li > a:hover {
    text-decoration: none;
    color: #69d1fe
}

.main-nav > li.active > a, .main-nav > li.active > a:hover {
    text-decoration: none;
    color: #69d1fe
}

我找到了问题片段

   .main-nav > li {
        float: left;
    }

不幸的是，如果我显示：内联菜单的其余部分疯了。有没有办法正确使用菜单？

提前谢谢。

li浮动的菜单：不点击

0 个答案: