J’ai une erreur d’affichage d’image en fond sur les boutons ?

Ecrit par :
1
Commentaire
16 avr 2012

En fonction des évolutions des navigateurs, vous pourrez parfois rencontrer des différences en terme d’affichage. Ce n’est pas à proprement parlé un bug même si cela en a l’apparence. C’est une erreur d’affichage des images de fond sur le « hover » des boutons, c’est à dire lorsque la souris passe sur ces boutons, l’image reste introuvable. Cette erreur d’affichage s’exprime notamment sous Chrome de Google.

Pour corriger cette erreur d’affichage, vous devez agir sur deux valeurs de la feuille de style de votre séquence.

Les deux valeurs à corriger sont donc :

  • background-image
  • background-image:hover

Le symptôme
Vous allez vous retrouver avec ce type de comportement sur vos boutons, c’est ballot !

J'ai une erreur d'affichage d'image en fond sur les boutons ?

La solution
Il faut envoyer une image transparente de 1 pixel x 1 pixel, au format PNG, à l’aide du gestionnaire de médias, puis compléter avec l’adresse absolue de cette image transparente les deux valeurs : background-image et background-image:hover. L’adresse absolue sera comme suit : http://studioXXXX.vip1.3wdoc.com/multimedia/XXX.png si vous êtes sur nos serveurs. Si vous êtes sur votre espace, l’adresse sera de la forme suivante : http://www.monsite_a_moi.com/multimedia/XXX.png

La correction dans l’éditeur de style
J'ai une erreur d'affichage d'image en fond sur les boutons ?

1 réponse à “J’ai une erreur d’affichage d’image en fond sur les boutons ?”

  1. heric dit :

    C’est cool, erreur d’affichage rectifiée, thanks

Laisser un commentaire