28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Avec Google Chrome le remplacement d’images fonctionne super avec Internet Explorer pas du tout !!!
HTML :
<a id="big" style="width:144px;height:394px;" href="javascript:function(){return false;}" onmouseover='this.className = this.className + " image2";'>&nbsp;</a>
CSS :
a#big { display:block; background-image: url('big.jpg'); text-decoration: none;
}
a#big.image2{background-image: url('slim.jpg');}

et sur un autre site pareil l’ouverture d’une image marche impeccable avec Chrome et pas du tout avec Explorer !!!
Html :
<a href="javascript:display_photo('copyright.jpg','566','719')">
<font size="4"><i><font color="white"> United States Copyright Office<br><font size="3">(click to see the copyright)</a>
Merci pour votre aide
Serge
Bonjour,
le "replacement" d'image se gère très bien via la pseudo class :hover, en faisant coulisser la background correspondant au hover. Vous n'avez donc pas besoin d'un événement JS pour cela et ça évite le préchargement de l'image.

Donc mettre les 2 background dans la même image.
Il existe des tutoriels sur le sujet (image coulissante...)