Выпадающее меню CSS

Рейтинг: 0Ответов: 2Опубликовано: 26.12.2014

Доброго времени суток!

Подскажите, пожалуйста, как правильно сделать выпадающее меню. Вот что у меня получается: ссылка на меню.

.mim{
  display:none;
}

При наведении на пункт меню выпадал список, то есть: 

.mim {display:block;}

Не могу понять, как сделать средствами css такое. )

Более наглядно скрины:

обычный режим:

alt text

и при :hover (наведении):

alt text

css меню
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Можно использовать такой селектор:

.nav_in:hover .mim {
    display: block;   
}

Пример

А вообще я бы не рекомендовал делать меню по hover, в него бывает очень трудно попасть :)

UPD. Обновил ответ