Почему мое раскрывающееся меню на основе CSS не работает в IE9?

Question

http://www.mapleboutique.com/

отображается нормально, но как только вы начинаете зависать, все становится по-настоящему уродливым. До сих пор я тестировал его только в IE9 и пробираюсь к IE6 (аааа).

также здесь мой CSS. (Я попытался вставить его здесь и отформатировать с помощью тегов кода, я не знаю, почему я даже не могу понять это)

http://www.mapleboutique.com/stylesheets/main.css

Answer 1

Я вижу две основные проблемы:

1. Ваш <ul> недействителен.Вы не можете обернуть <li> в <div>.Единственный действительный потомок <ul> - это <li>.

2. Недопустимо повторное использование идентификатора #hoverNavi.Идентификаторы могут быть использованы только один раз на странице.Попробуйте вместо этого использовать класс.

Answer 2

Main.css, строка 417: filter:alpha(opacity=93); /* for IE */

Похоже, что после установки элемента с opacity < 100 непрозрачность не восстанавливается при наведении мыши, в результате чего float:left в свойствах элементов менюпотерпеть неудачу ...

Прокомментируйте эту строку , чтобы ваше меню работало (но без прозрачности).В IE7,8,9.

Если вам нужна прозрачность в IE, попробуйте реализовать ее с помощью jQuery, и не забудьте восстановить ее onmouseout