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 :

gradient et hover impossible [CSS 3]


Sujet :

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

  1. #1
    Membre éprouvé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Par défaut gradient et hover impossible
    Bonjour à tous,

    J'ai des onglets avec des gradients du style

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    .test {
    	background: -moz-linear-gradient(top, #de633b, #ab3108);
    	background: -webkit-linear-gradient(top, #de633b, #ab3108);
    	background: linear-gradient(top, #de633b, #ab3108);
    }
    puis un hover qui ne fonctionne pas (rien ne se passe)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    .test:hover {
    	background-color:#e8b22b;
    	overflow:hidden;
    }
    et quand j'enlève le gradient, cela refonctionne à nouveau

    le truc c'est que je suis obligé de les utiliser

    quelqu'un pourrait il m'aider?

    Merci !

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    il te faut simplement mettre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .test:hover {
        background:#e8b22b; /* EXIT -color */
        overflow:hidden;
    }

  3. #3
    Membre éprouvé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Par défaut
    ah ok!

    merci

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

Discussions similaires

  1. [CSS 3] pie et gradient en hover
    Par oceane751 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 09/07/2013, 14h11
  2. [Cufon] Impossible de changer la couleur du lien au :hover
    Par Sayrus dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 05/08/2010, 15h25
  3. Hover sur image impossible
    Par HwRZxLc4 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 07/08/2007, 11h48
  4. [ArchiveBuilder][JavaMail] exécution impossible...
    Par Gorthal dans le forum JBuilder
    Réponses: 7
    Dernier message: 10/01/2003, 09h12
  5. Réponses: 8
    Dernier message: 20/11/2002, 11h50

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