как навести указатель мыши на «вложенный» список

Question

если я установил видимость: скрытый на вложенном элементе li, как мне установить его обратно при наведении?

например.

#menu li ul li {
visibility: hidden;
}

Я пытался:

#menu li ul li:hover {
visibility: visible;
}

Но это не работает - так ясно, что я не правильно понял синтаксис!

ура

Answer 1

visibility: hidden скрывает элемент и не оставляет перемещаемой поверхности, поэтому никогда не будет инициировано событие hover.

Попробуйте opacity: 0 (или даже opacity: 0.00001, прямо сейчас не уверены, остается ли поверхность с 0), чтобы получить желаемый эффект. Обратите внимание, что IE <8 требует специальной обработки (<code>filter: alpha(opacity=0))

Другие браузеры также нуждаются в других настройках opacity, см. Ссылку @Nick Craver для получения полного списка.

Answer 2

Почему бы не добавить дочернюю оболочку в каждый

, например, (это может быть p или div):

<li><p>dadada</p></li>

Затем для укладки:

#menu ul li p {
 visibility: hidden;
}

#menu ul li:hover p {
 visibility: visible;
}