jQuery раскрывающийся список исчезает при наведении на текст (только IE6 / 7) - PullRequest
Новая
       23

jQuery раскрывающийся список исчезает при наведении на текст (только IE6 / 7)

2 голосов
/ 12 января 2010

РЕДАКТИРОВАТЬ: Я проголосовал, чтобы закрыть это, так как я так и не смог определить точную причину проблемы, и тестовые ссылки ниже больше не обнаруживают проблему с момента перехода на использование меню Superfish.

Я использую это простое раскрывающееся меню jQuery на небольшом сайте, но у меня возникает проблема, при которой меню исчезает только , когда указатель мыши над текстом в IE6 и IE7. Все работает как положено в FF 3.5 и IE8.

Эта проблема появляется, когда вы наводите курсор на вкладку «Портфолио» и перемещаете мышь вниз над вторым / третьим пунктом подменю. В IE6 и IE7 меню мгновенно исчезает, но только в том случае, если текст поверх текста (Услуги, которые мы предоставляем, или любые ссылки ниже). Можно поднять раскрывающийся список и медленно навести курсор мыши по правому краю, и он не исчезнет, ​​пока вы не переместите мышь влево и над текстом.

Я пробовал различные изменения в позиционировании и z-index элементов и просматривал похожие вопросы SO, но безрезультатно. Поскольку я не эксперт по CSS, вполне возможно, что какой-то другой элемент фона или расположение, которое я испортил, вызывает проблему.

Рассматриваемый CSS находится в http://www.fencescapedesign.com/Styles/Site.css около линии 200.

Ответы [ 2 ]

1 голос
/ 12 января 2010

Я знаю, что это не ответ на ваш вопрос, а, возможно, реальная альтернатива, которая может в итоге сэкономить ваше время.Попробуйте внедрить плагин jQuery Superfish css в качестве теста, так как это настоящее раскрывающееся меню css.

Я использую это все время.Надеюсь, это поможет вам.

1 голос
/ 12 января 2010

Обратите внимание, что меню исчезает, когда курсор перемещается поверх элемента «Услуги, которые мы предоставляем». Я бы попробовал несколько вещей:

  • Добавить позицию: относительно контейнера элемента "menuLinks", чтобы IE хорошо себя вел. Это наиболее вероятный виновник.

Если это не сработает (и действительно, даже если это сработает), вам также следует:

  • Укажите верхнее и левое свойство для ссылок меню ul
  • Добавить правильный z-index в ссылки меню ul. Поскольку z-index применяется только чтобы позиционировать элементы, не забудьте оставить его как есть Теперь
  • Удалить z-index для элемента "bodyText". Вы хотите меню поверх основного текста, а не наоборот вокруг.
...