IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Background-color sur hover


Sujet :

Survol d'un élément en CSS (:hover)

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    519
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 519
    Par défaut Background-color sur hover
    Bonjour,

    Je souhaiterai changer le background d'une div au passage de la souris.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div class="RegiePubLigneCampagne">
        <div></div>
        <div></div>  
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .RegiePubLigneCampagne:hover {
    	background-color:#F5F6F6
    }
    Seulement ça ne fonctionne pas du tout, et si je rajoute ça fonctionne sur ie, chrome et safari, mais ça plante sous firefox et opera.

    Merci

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    si tu mets une hauteur et une largeur, tu devrais voir le changement.

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    .RegiePubLigneCampagne{
    	background-color:#111;
    	width:100px;
    	height:50px;
    }
    .RegiePubLigneCampagne:hover {
    	background-color:#F5F6F6;
    }

    Il faut savoir également que le :hover fonctionne uniquement sur le tag "a" pour IE6. Pour le reste des navigateurs, il fonctionne sur tous type d'élément.

  3. #3
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    519
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 519
    Par défaut
    Ca fonctionne ... à moitié :

    Quand je suis sur la première ligne il ne se passe rien, mais lorsque je survole la seconde ligne il change le background de la première ligne.

    Merci

  4. #4
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    519
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 519
    Par défaut
    C'est bon j'ai réussi à corriger ça.

    Merci beaucoup

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Peut-on faire un background-color sur la balise area dans les map?
    Par dev14 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 24/03/2013, 20h45
  2. Problème de float /de background-color/scroll sur IE6
    Par asandoz dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 08/04/2010, 21h13
  3. background disparait quand hover sur un lien (IE bien sûr!)
    Par deejay2221 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 11/07/2008, 14h37
  4. Select & Background-color sur firefox
    Par Cronycs dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 30/05/2007, 09h50
  5. background color sur <dt>
    Par jp949 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 03/06/2006, 14h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo