2010-08-17 8 views
1

Dans http://www.scherer.nl/nieuw (la partie /nieuw sera supprimée lorsque le site est prêt), le sous-menu déroulant de gauche doit décaler leur image de fond lorsque survolé plus, donc l'objet plané devient rouge iso Orange.
Avec jQuery j'utilise toggleClass pour ajouter une classe 'hover' à l'élément de menu survolé.
Le CSS fait monter l'image d'arrière-plan, ce qui montre la partie rouge de celle-ci.
Cela fonctionne très bien dans n'importe quel navigateur, mais dans IE8 seul le premier élément survolé est changé et il ne change pas lorsque la souris est sur un autre élément. Lorsque je mets IE8 en mode de compatibilité IE7, cela fonctionne mais les sous-menus sont décalés vers la droite et vers le bas un peu, de toute façon, je ne veux pas forcer IE à utiliser le mode de compatibilité.IE8 affiche uniquement le premier changement de classe dans un menu déroulant jQuery CSS

J'ai cherché une réponse à ce problème depuis plusieurs jours maintenant, alors peut-être que quelqu'un ici peut penser à une solution?

Répondre

0

J'ai découvert que lorsque j'ajoute une bordure, un remplissage ou une marge à la classe 'hover', cela fonctionne également dans IE8. Donc quand je combine une marge droite de 1 px avec un hack CSS IE8, c'est assez bon. Pourtant, une vraie solution serait bien.