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 :

Un hover sur un objet qui modifie le style d'un autre objet


Sujet :

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

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    581
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 581
    Points : 146
    Points
    146
    Par défaut Un hover sur un objet qui modifie le style d'un autre objet
    Bonjour, mon site est construit de la sorte : lorsque je passe ma souris sur le menu vertical, les sous-menus apparaissent à droite et se placent au-dessus du conteneur principal.

    Comment faire pour qu'en plus, l'opacité du conteneur soit modifiée sur le :hover du menu ? Je n'ai trouvé aucune piste !

    Merci d'avance.

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Bonjour,

    Tu peux gérer la transparence en css via la propriété opacity et le filter Alpha pour IE.
    Personnellement je déconseille cette méthode pour plusieurs contraintes de compatibilité ...
    Je te conseille plutôt de créer des images png 24 ou 32 bits transparentes et intégrer cette librairie pour corriger les problèmes de IE6- qui interprète mal les png24/32

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    581
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 581
    Points : 146
    Points
    146
    Par défaut
    oui mais là l'effet que je veux obtenir c'est que lorsque l'utilisateur navigue dans les sous-menus, le contenu de la page se "voile" légèrement pour faire davantage ressortir le menu développé par dessus !

    Donc il ne s'agit pas de problème d'images, bien que ton lien m'intéresse quand même pour d'autres parties de mon site.

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Citation Envoyé par nicolas2603 Voir le message
    oui mais là l'effet que je veux obtenir c'est que lorsque l'utilisateur navigue dans les sous-menus, le contenu de la page se "voile" légèrement pour faire davantage ressortir le menu développé par dessus !
    Tu veux appliquer un effet de transparence dans le :hover ?
    Pour avoir cet effet et comme je l'ai dis plus haut il faut soit passer par l'opacité via css soit faire des images transparentes.

Discussions similaires

  1. Réponses: 1
    Dernier message: 03/07/2013, 22h36
  2. CSS hover d'un élément qui modifie un autre élément
    Par pol2095 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/01/2012, 09h20
  3. Requete sur des champs qui ne sont pas dans une autre table
    Par jean christophe dans le forum Débuter
    Réponses: 4
    Dernier message: 20/05/2010, 18h05
  4. [Etat-Transition] Comment représenter que l'état d'un objet dépend de l'état d'un autre objet.
    Par verbose dans le forum Autres Diagrammes
    Réponses: 3
    Dernier message: 24/08/2009, 09h51
  5. Liste deroulante qui modifie les valeurs de plusieur autres listes
    Par luan220 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 10/08/2008, 19h06

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