IE8 отображает только первое изменение класса в раскрывающемся меню jQuery CSS.

В http://www.scherer.nl/nieuw (часть /nieuw будет удалена, когда сайт готово) раскрывающееся подменю слева должно смещаться вверх по их фоновому изображению при наведении курсора, поэтому наведенный элемент становится красным iso оранжевый.
В jQuery я использую toggleClass для добавления класса hover к элементу меню, на который наведен курсор.
CSS заставляет фоновое изображение сдвигаться вверх, что показывает его красную часть.
Это отлично работает в любом браузере, но в IE8 изменяется только первый элемент, на который наведен курсор, и он не возвращается обратно, когда указатель мыши находится над другим элементом. Когда я помещаю IE8 в режим совместимости с IE7, он работает, но затем подменю сдвигаются вправо и немного вниз, в любом случае я не хочу заставлять IE использовать режим совместимости.

Я уже несколько дней искал ответ на эту проблему, так что, может быть, кто-нибудь придумает решение?


person Esger    schedule 17.08.2010    source источник


Ответы (1)


Я обнаружил, что когда я добавляю границу, отступ или маржу к классу hover, он работает и в IE8. Поэтому, когда я комбинирую правое поле размером 1 пиксель с хаком IE8 CSS, этого достаточно. Тем не менее, настоящее решение было бы неплохо.

person Esger    schedule 17.08.2010