Странная ошибка в IE6 для jQuery Tab

Question

На этой странице

http://www.eamobile.com/Web/mobile-games

В IE6, пока мы нажимаем на вкладку «Лучшие игры для iPhone, Лучшие мобильные игры, Фото сотрудников» класс не изменился в IE6, и при щелчке внутри области содержимого вкладки он изменился. в то время как в FF и IE7 все работает нормально.

Пожалуйста, дайте нам знать, если у вас есть какое-то решение для этого.

Answer 1

Выпуск

Ваша проблема сводится к этим двум правилам:

.topPicksTabs li a.topPicks1:active{
width:235px;
background-position:-238px -112px;
}

.topPicksTabs li.selected a.topPicks1{
background-position:-238px -168px;
}

Последний должен переопределить первый после выбора вкладки ... однако реализация :active псевдокласса в IE6 вполне глючит , что позволяет иметь приоритет. Конечным результатом является наблюдаемое вами поведение, когда вкладка отображается с использованием неправильного фонового спрайта, если она имеет фокус.

Обходные

• Отбросьте псевдокласс в пользу mousedown + mouseup обработчиков событий, которые добавляют и удаляют другой класс CSS. Затем измените свой стиль, чтобы он запускался этим классом вместо псевдокласса.
• Альтернативно, ничего не делать. Эта ошибка не влияет на удобство использования сайта, и со временем IE6 будет становиться все менее и менее актуальным.