При попытке наведения всплывающее окно навигации продолжает исчезать

Question

При попытке наведения всплывающее окно навигации продолжает исчезать

0

В основном я создал действительно хороший навигатор и все, однако выпадающее меню, которое я сделал, не работает, оно отображается при наведении на вкладку "Сообщество", но исчезает, когда я пытаюсь навести на него :(

Кто-нибудь знает, как я могу это исправить?

Вот мой код:

<div class="navigation">
            <ul class="navigation_items">
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="about.html">What we do</a></li>
                <li>
                    <a>Community</a>
                    <ul>
                        <li><a>Forums</a></li>
                    </ul>
                </li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>

Проверьте код css в jsfiddle

http://jsfiddle.net/8a92u/

rshah 05 дек. 2013, в 11:46

Источник

Теги:

html

css

navigation

3 ответа

1

Использовать это:

.navigation_items li:hover > ul,
.navigation_items li > ul:hover {
    display: block;
    margin-top: -10px;

}

вместо этого:

.navigation_items li:hover > ul {
    display: block;
}

myajouri 05 дек. 2013, в 07:48

0

.navigation_items ul {
    display: none;
    margin-top: -10px;
}

Chalist 05 дек. 2013, в 09:44

Ещё вопросы

Sowmya · Accepted Answer · 2013-12-05T09-44-00.000Z

Нажмите бит подменю над основным ли, чтобы он сохранял меню при наведении.

Добавьте margin-top:-10px в подменю ul и padding-top: 10px чтобы вернуть его к тому же самому пользовательскому интерфейсу.

.navigation_items ul {
    background-color: rgb(28, 28, 28);
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
    margin-top: -10px;
    padding-top: 10px;
}

DEMO

Привет! Спасибо: D теперь, как бы я переместить этот раскрывающийся список, чтобы быть под первоначальной вкладкой? @Sowmya
вся горизонтальная полоса или за соответствующим пунктом меню?
Я хочу, чтобы новые выпадающие панели находились под соответствующим пунктом меню, а также как ниже, а не горизонтально (2 вкладки показаны горизонтально и нуждаются в них вертикально ниже друг друга)
Но как это изменить, нажав на нее, ведь цвет меню черный, поэтому он не виден
Не отталкивая его назад, например, если вы видите, что новый выпадающий элемент находится немного правее соответствующей вкладки над ним, я хочу, чтобы он находился непосредственно под ним.
ох ... добавить position:relative .navigation_items li и left:0 до .navigation_items ul Проверить эту скрипку