Отображение меню IE6 и IE7: блок с отступом не позволяет завершить выбор - PullRequest
0 голосов
/ 24 июня 2011

Я работаю над сайтом для клиента, и все отлично работает под IE8 + и всем остальным (как Windows, так и Mac).

http://www.cirkut.net/wp/libertyguide/

Если вы зайдете туда, кроме IE6 и IE7, вы увидите, что можете навести курсор на любую часть меню, чтобы активировать меню / нажать кнопку. Это необходимо для доступа к раскрывающимся меню в IE6 и IE7.

Если бы это было только в IE6, мне было бы все равно, но поскольку IE7 чуть-чуть более совместим и доминирует на рынке, мне нужно, чтобы это работало, и если исправление работает для обоих, отлично, если нет, то IE7 будет исправлен.

подробности:

  • Запуск Wordpress 3.1.3
  • Начинается с темы Starkers (отредактировано оттуда)
  • Использование Wordpress Menus, так что нет ничего необычного
  • Использование IE8.js (http://code.google.com/p/ie7-js/),, но исправляет только некоторые проблемы с меню IE6 (горизонтальное меню нарушено в IE6 без этого JS)

Другая информация:

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

РЕДАКТИРОВАТЬ (дополнительная информация): Проблема в том, что если вы включите Chrome или подобное, основное горизонтальное меню будет работать правильно. Вам не нужно указывать текст, чтобы ссылка была кликабельной. Однако в IE6 и IE7 это не одно и то же. В IE6 и IE7 вам нужно навести курсор на фактический текст, чтобы появилось выпадающее меню.

В любом случае, если бы кто-нибудь мог дать какое-то понимание, это было бы очень признательно.

Спасибо!

Ответы [ 2 ]

0 голосов
/ 25 июня 2011

Если вы используете инструменты разработчика в IE, то увидите, что есть 2 набора стилей ....

#nav_wrap ul.menu > li a  and #nav_wrap ul.menu > li > a

Вот что я сделал, чтобы решить эту проблему: - Если я снимаю галку / удаляювсе стили в #nav_wrap ul.menu > li > a - удалить position:relative и height:40px из #nav_wrap ul.menu > li a

Я не уверен, что вам нужны эти классы, но выполнение вышеизложенного делает весь блок кликабельным, а не только текств IE7.Я не тестировал в IE6.

0 голосов
/ 24 июня 2011
#nav_wrap ul.sub-menu li:hover > .sub-menu

Не уверен, что IE6 и IE7 способны поддерживать прямой дочерний селектор >. Вероятно, в этом причина.

Попробуй вот так

#nav_wrap ul.sub-menu li:hover .sub-menu
...