Отладка CSS для представления совместимости Internet Explorer

Question

Я использую CSS для отображения и скрытия вложенного UL для имитации раскрывающейся навигации без js.Он выглядит и прекрасно работает в большинстве браузеров, за исключением некоторых версий IE.Я целыми днями бьюсь головой об стену четыре, пытаясь найти решение для этого, пытаясь найти то, что я считаю любой комбинацией решений.Если у кого-то есть предложение, я бы с удовольствием его услышал.

Проблема: При наведении курсора на основную навигацию появляется UL (слева: 0; при наведении).Элементы списка не имеют фонового цвета, поэтому вы накладываете существующую навигацию и видите их одновременно.

См. Здесь

Если кто-то может объяснить это поведение, я бы приветствовал любую помощь или понимание в этой точке.Сайт релиза отправляется клиенту сегодня вечером, и я действительно, это хорошо.

Заранее спасибо.

Answer 1

установить li ul изначально для отображения none;затем на li: hover ul {display: block} .... это может не работать с тем, как вы их абсолютно позиционировали, но это самый простой способ скрыть / показать с помощью css.Я понимаю, что вы имеете в виду, когда они накладываются друг на друга.Вы также можете попробовать добавить класс к каждой подпрограмме и нацелить на каждого из них напрямую, поэтому вместо li: hover ul, охватывающего их все, у вас будет li.first: hover ul.subfirst {positioning css}.