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 :

Pas d'effet .hover sur un submit sous IE ?!


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 éclairé Avatar de lolymeupy
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2006
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Service public

    Informations forums :
    Inscription : Octobre 2006
    Messages : 402
    Par défaut Pas d'effet .hover sur un submit sous IE ?!
    Bonjour,
    j'ai un code css pour designer mes boutons submit, et je veux changer leur apparence quand la souris passe dessus.
    Voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    .submitcontact {
    	/*border: 1px solid #a90e32;*/
        background-color: #a90e32;
        color:white;
        font-weight:bold;
        margin-bottom:10px;
        cursor:pointer;
    }
     
    .submitcontact:hover {
    	/*border:1px solid #a90e32;*/
        background-color:white;
        color:#a90e32;
        font-weight:bold;
        margin-bottom:10px;
        cursor:pointer;
    }
    et ça marche bien sous Mozilla mais pas sous IE...
    Quelqu'un sait pourquoi? et comment résoudre ce problème ?
    Merci d'avance

  2. #2
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Passer par du JavaScript.

    IE6 ne gère pas les pseudo-classes ( comme .hover ) et pseudo-élements ( hormis pour les liens ).

  3. #3
    Membre éclairé Avatar de lolymeupy
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2006
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Service public

    Informations forums :
    Inscription : Octobre 2006
    Messages : 402
    Par défaut
    Merci Er3van
    Par contre, est-ce que tu pourrais développer un peu s'il-te-plait, parce que j'ai trouvé ça comme exemple :
    http://www.nikohk.com/2006/04/11/int...orer-et-hover/
    mais la solution en js ne marche pas chez moi (et la bidouille en rajoutant les balises <a> marche très bien sous IE et mais bug complèetement sous Mozilla !!!)

Discussions similaires

  1. Effets hover sur une page ajax
    Par sub_zero dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/06/2015, 22h15
  2. Effet Hover sur 2 liens distincts ?
    Par Mister Paul dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 04/12/2012, 00h18
  3. Effet hover sur titre avec passage souris sur texte
    Par ickyknox dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/11/2012, 17h01
  4. [CSS] probléme avec a:hover sur IE (mais bon sous FF)
    Par lafouin dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 12/02/2009, 15h55
  5. [CSS]Hover sur un bouton submit
    Par Fiquet dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/10/2005, 11h15

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