My<cod/>.net
Лучший способ исправить выпадающее меню CSS/JS в IE7, когда страница включает карту Google
У меня есть страница, использующая списки <ul> для навигации (Javascript изменяет стиль для отображения или нет при наведении курсора мыши).
Это работает нормально для меня, за исключением IE6 и IE7, когда у меня есть карта Google на странице.
В этом случае выпадающий список просто не работает. Однако страница продолжает работать в FireFox 2.
Я провел небольшое исследование и обнаружил, что это может быть примером ошибки IE Select Box , но я не уверен, поскольку карта Google, похоже, использует <div>, а не <iframe> .
Кто-нибудь еще сталкивался с проблемой, подобной этой, и если да, то есть ли у них какие-либо рекомендации по наилучшему способу преодоления этой проблемы?
Я не знаю, исправит ли это вашу проблему, но вы можете попробовать это решение на ccsplay.co.uk , которое устраняет проблему меню, появляющихся под выпадающими списками. Я не знаю, сработает ли это наверняка, но попробовать стоит.
Я исправил аналогичную проблему с выпадающими списками, не появляющимися над flash фильмами в IE6/IE7/IE8, используя этот jQuery :
$(function () {
$("#primary-nav").appendTo("#footer");
});
Где primary-nav - это ID раскрывающегося элемента контейнера, а footer - ID последнего элемента на странице. Затем я использовал абсолютное позиционирование, чтобы переместить выпадающие списки обратно на вершину,где они должны быть.
Причина, по которой это работает, заключается в том, что IE уважает порядок источника больше, чем это делает z-index . Однако он по-прежнему не мог отображаться поверх плагина плеера Windows Media.
Согласно этой теме google maps, вы правы - IFrame вставляется кодом google.
Вам нужно будет использовать решение, которое упоминал Дэн,
вы можете попробовать это решение на ccsplay.co.uk , которое устраняет проблему меню, появляющихся под выпадающими списками
Кроме того, интернет-Explorer Хак/фикс для выбора, показывая через DIV .
В основном решение заключается в том, чтобы с помощью JavaScript поместить ваше меню css в IFrame в IE6.
Альтернативным решением является использование функции JavaScript для скрытия Карты Google при выпадении меню CSS или для замены карты Google статической картой (возможно, даже статической картой Google) при выпадении меню CSS.
Я считаю, что это может произойти из-за активной-X штуки IE 6+ использует для разбора CSS.
Со временем мне пришлось адаптировать свою работу, чтобы включить некоторые IE хаки на мой CSS, чтобы он был совместим с несколькими браузерами.
Я бы сначала попытался сделать меню без Javascript, используя чистый CSS и включая хаки, о которых я упоминал. Это, скорее всего, решит вашу проблему. На самом деле вам не нужно Javascript, чтобы изменить стили при наведении курсора мыши и тому подобном.
Если вы хотите узнать, что такое взлом CSS: нажмите здесь
Если вы хотите проверить некоторые примеры меню pure CSS: нажмите здесь
Надеюсь, это поможет!
У меня нет немедленного ответа для вас, но инструменты, упомянутые в этом ответе (особенно инспектор IE DOM), могут помочь.