#div:hover et IE6

#div:hover et IE6 - HTML/CSS - Programmation

Marsh Posté le 19-02-2007 à 23:30:51    

bonjour,
 je viens à vou car j'ai un petit soucis de compatibilité avec ie6.
 
mon code coté html est:  
 

Code :
  1. <div id="form"><form ...>
  2. <input id="valid" value="valider!">
  3. </form>
  4. </div>


 
mon css associé est:
 

Code :
  1. #valid {
  2. margin-top: 20px;
  3. background-color:  #00c;
  4. color: #fff;
  5. font-size: 22px;
  6. border: 1px solid black;
  7. }
  8. #valid:hover {
  9. background-color:  #fff;
  10. color: #ooc;
  11. }


 
le problème viens de mon hover ! il fonctionne sur Firefox, ie7 mais pas Ie 6 quelque'un aurait une idée pour le faire fonctionner  SVP ?
 
Merci

Reply

Marsh Posté le 19-02-2007 à 23:30:51   

Reply

Marsh Posté le 20-02-2007 à 05:41:48    

Le :hover ne fonctionne que sur les A sous IE6 :o

Reply

Marsh Posté le 20-02-2007 à 05:49:09    

exact. Ie6 et les pseudo éléments font rarement bon ménage

Reply

Marsh Posté le 20-02-2007 à 10:32:00    

daccord je vais chercher une solution avec des a  
 
MERCI

Reply

Marsh Posté le 21-02-2007 à 10:35:20    

clem85 a écrit :

daccord je vais chercher une solution avec des a


Non malheureux ! Cherche une solution JS, sinon tu va te retrouver avec des a qui n'ont rien à faire ici, et qui seront là juste pour le hover [:johneh] Y'a des .htc sympa qui font ça tous seuls

Reply

Marsh Posté le 21-02-2007 à 10:54:55    

tu veu dire par exemple avec des commandes du javascript genre createElement, Etc ... ???
 
c'est vrai que sinon, j'aurais un peu plus pollué mon code pour rien !!!
 
tu peu m'en dire plus sur les .htc STP ???
 
Merci

Reply

Marsh Posté le 21-02-2007 à 11:07:29    

Y'a des htc qui tournent et règlent le problème des hover : Recherche google intéressante

Reply

Marsh Posté le 21-02-2007 à 11:26:43    

je me lance dans les recherches et tente d'apliquer sa dès ce soir je te tiens au dourant :) Merci

Reply

Marsh Posté le 21-02-2007 à 14:52:54    

Reply

Sujets relatifs:

Leave a Replay

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