Я только что обнаружил, что раскрывающиеся меню CSS на этом сайте не работают в Internet Explorer. Совсем совсем ничего не показывает. Меню прекрасно работают в Firefox, а в Android Вот сайт: http://anlea.org Я пробовал ряд исправлений, но ничего не вызывают раскрывающиеся меню.Выпадающее меню CSS не отображается в IE
Любой (простые!) Решения будут весьма благодарны
IE не всегда играет хорошо с li:hover который является то, что появляется ваше меню CSS, чтобы полагаться на. Принятый ответ на этот вопрос может помочь: IE8 does not hover when using an li with position:absolute
Решение, предложенное на вашей связанной странице выше IE8, не зависает .... работает. Я добавил тег тела {поведение: url ("csshover3.htc"); } и ваш файл csshover.htc, и теперь он работает. Взял 2 минуты. Только проблема элементов меню теперь составляет около 80 пикселей справа от блоков главного меню. Но это второстепенная проблема, главное, чтобы ваше решение работало. THANKS –
Вы не видите вложенную ul на hover, только ли внутри вложенной ul. Попробуйте добавить это:
.main_menu > ul > li:hover > ul {
display: block;
}
также я бы посоветовал вам работать с детьми-селекторов, так что-то вроде этого:
.main_menu ul li /* this would also apply to the submenu's, you overwrite them later in your code */
станет
.main_menu > ul > li /* this will only apply to the top level menu */
для вложенное меню х. Это не должно тормозить код, но будет держать вас намного больше в управлении и избежать неожиданных результатов.
, если вы хотите, чтобы весь литий иметь одинаковый фон, например, как верхний уровня и вложенные, вы можете все еще использовать
.main_menu li
Я использую IE9 для просмотра сайта и меню работает отлично, только после того, как я вернусь к стандартному режиму IE9.
Ваш сайт по умолчанию использует режим Quirks в IE9.
Вы можете обратиться к здесь: http://blog.timolthof.com/disable-quirks-mode/, чтобы попытаться отключить режим Quirks.
Другое решение, которое работает ... Спасибо –
На самом деле, это очень простой способ решения проблемы. Режим только сглаживания причуд, как указано в блоге timolthof –
Это простейшее решение –
высота и ширина Выпадающее следует в рх не в% в некоторых версиях IE не поддерживает ширину и высоту в%
Я не вижу каких-либо ошибок, но W3C валидатор см 340 из них: HTTP : //validator.w3.org/check? uri = http% 3A% 2F% 2Fanlea.org% 2F & charset =% 28detect + автоматически% 29 & doctype = Inline & group = 0 – j08691
какая версия и модус IE? – Pevara