Changer le BG d'une div avec un hover ?

Changer le BG d'une div avec un hover ? - HTML/CSS - Programmation

Marsh Posté le 07-11-2005 à 21:50:45    

Bonjour à tous,
 
Je cherche un moyen simple mais efficace afin de changer le background-color d'une div au passage de la souris.
 
Dans ma naiveté, j'ai donc testé ce code-ci :
 

Code :
  1. <style type="text/css">
  2. .plop {
  3. background-color:  #99CCFF;
  4. }
  5. .plop:hover { 
  6. background-color:  #FF9933;
  7. }
  8. </style>
  9. <div class="plop">bonjour c le pere noel !</div>


 
http://guildblog.free.fr/tmp/test.php
 
Mais comme vous le verrez, ca marche pas très bien  :sarcastic:
 
Auriez-vous une astuce ? Sans utiliser de javascript, ni de tableaux ou encore de listes... Je veux juste opérer le changement sur ma div  ;)
 
Merci d'avance pour votre aide !

Message cité 1 fois
Message édité par DrySs78 le 07-11-2005 à 21:51:24
Reply

Marsh Posté le 07-11-2005 à 21:50:45   

Reply

Marsh Posté le 07-11-2005 à 23:20:51    

pas le choix avec ie tu dois passer par du javascript :
 
<div onmouseover="this.style.backgroundColor='#FF9933'" onmouseout="this.style.backgroundColor='#99CCFF'">bonjour c le pere noel !</div>
 
Je l'utilise sur mon site : http://www.flashastro.com
 
Ca fonctionne très bien...
 
++ !

Reply

Marsh Posté le 07-11-2005 à 23:38:04    

Un grand merci pour cette astuce  :love:

Reply

Marsh Posté le 07-11-2005 à 23:39:48    

DrySs78 a écrit :

Mais comme vous le verrez, ca marche pas très bien  :sarcastic:


Ca fonctionne très bien, il y a que MSIE qui comprend pas :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-11-2005 à 23:41:51    

masklinn a écrit :

Ca fonctionne très bien, il y a que MSIE qui comprend pas :o


Oui pour changer  :fou:
 
Mais bon 90% des personnes l'utilise encore donc bon je peux pas l'ignorer :sarcastic:


Message édité par DrySs78 le 07-11-2005 à 23:42:15
Reply

Marsh Posté le 08-11-2005 à 06:02:13    

bah pourquoi pas utiliser la balise A qui serait transformé en type block, ca fait aussi l'affaire. lol


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 08-11-2005 à 10:43:28    

Peut-être parce que personne n'a parlé de la présence d'un lien ;) ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed