Меню CSS "Son of Suckerfish" - подменю не закрываются в IE7

Несмотря на мои самые убедительные призывы об обратном, я недавно был вынужден реализовать горизонтальную раскрывающуюся систему навигации, поэтому я выбрал самую дружелюбную, которую смог найти - Сын Suckerfish.

Я тестировал на своей машине различные браузеры, и все оказалось в порядке. Однако некоторые (но не все!) Пользователи IE7 сталкиваются с проблемой, когда подменю не закрываются после наведения на них курсора. Больше всего раздражает то, что затронутые пользователи используют ту же версию IE7, что и я (7.0.5730.13), с такими же настройками конфиденциальности и безопасности (я даже заставлял их отправлять скриншоты вкладок в настройках Интернета) в той же ОС. (XP). Я не могу проверить, затронута ли Vista.

Очевидно, попытка отладки этой проблемы - кошмар, поскольку я не могу ее воспроизвести, поэтому мне интересно, может ли кто-нибудь здесь знать, как ее решить. Я создал здесь пример страницы:

http://x01.co.uk/menu_test/

Кроме того, есть раздражающее мерцание при наведении указателя мыши на подпункты, которые я также безуспешно пытался решить, поэтому любая помощь с этим также будет оценена.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
0
2 216
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Почему бы для тестирования не скачать образ Vista IE7 VPC с сайта MS?

http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF

Хотя насчет ошибки не уверен. Помните, что у вас есть похожие проблемы, я думаю, это потому, что вам нужен JS. Постараюсь узнать

Ответ принят как подходящий

Это проблема, которая возникает в IE7, когда другая часть страницы находится в фокусе (т. Е. Вы где-то щелкнули, а затем навели указатель мыши на меню). Похоже, это проблема псевдокласса: hover.

Добавление триггера hasLayout к стилю: hover должно решить проблему.

#nav li:hover {
  position: static;
}

Есть и другие решения. Здесь есть отличное описание проблемы:

Липкие сыновья морской рыбы

Другие вопросы по теме