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


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
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