У меня есть система ящиков меню jQuery, которую я разработал, которая, кажется, работает довольно хорошо во всех браузерах, кроме IE 7. Меня не волнует IE 6, и из-за этой новой проблемы я серьезно рассматриваю возможность не поддерживать IE 7.
Проблема IE 7 заключается в том, что ящик закрывается, когда мышь все еще находится внутри ящика.
HTML / CSS для ящика № 1 точно такой же, как на моем реальном веб-сайте.Вы можете поместить мышь в ящик в любом месте , за исключением , где оно пересекается с областью содержимого.Как только ваша мышь попадет внутрь области, где ящик закрывает или пересекает область содержимого, он захлопнется.
HTML / CSS для ящика № 2 является более общим, чем реальный веб-сайт, и вы можете увидеть хлопки ящиказакрыть почти сразу.Поэтому эта проблема так или иначе связана с содержимым HTML / CSS в ящике, но я не смог ее сузить.
Я не понимаю, почему это происходит или как это исправить.Еще более странно, как проблема, по-видимому, ведет себя по-разному между выдвижным ящиком № 1 и № 2, основываясь только на содержимом HTML / CSS.
Вчера я провел много времени, играя с z-index, но теперь это кажется очевиднымэто не имеет к этому никакого отношения, поскольку ящики всегда остаются поверх содержимого, как и должно быть.
Пожалуйста, простите за уродливые цвета и очертания ... это только для демонстрационных целей.
Полноэкранный демонстрационный ролик jsFiddle
Код jsFiddle
Чтобы увидеть желаемое поведениеПросто откройте jsFiddle в любом современном браузере, кроме IE 7.
Мне интересно знать, может ли кто-нибудь объяснить или определить, какая ошибка в IE 7 вызывает эту странную проблему и есть ли простая (HTML / CSS)только) решение.Я предпочитаю не слишком повозиться с jQuery, так как в других браузерах он наконец-то отлично работает.