Question de survol (hover). [à archiver]  Bouton_activeQuestion de survol (hover). [à archiver]  Bouton_hoverQuestion de survol (hover). [à archiver]  Fb-hoverQuestion de survol (hover). [à archiver]  Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Question de survol (hover). [à archiver]  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Question de survol (hover). [à archiver]  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Question de survol (hover). [à archiver]  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Question de survol (hover). [à archiver]  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Question de survol (hover). [à archiver]  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Question de survol (hover). [à archiver]  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Question de survol (hover). [à archiver]  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Question de survol (hover). [à archiver]  EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -25%
-100€ Barre de son Hisense Dolby Atmos 5.1.2
Voir le deal
299.99 €

Partagez
 

Question de survol (hover). [à archiver]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://pixie-dust.forum-canada.com/
Broken Cookie
Broken Cookie
{ Membre }
{ Membre }

Féminin Messages : 5



Question de survol (hover). [à archiver]  Empty
Bonsoir   Question de survol (hover). [à archiver]  788366 

Je viens vous voir car mes co-admins et moi essayons sans succès d'obtenir un certain effet. J'aimerais donc savoir s'il était possible lors du survol d'une image qu'elle disparaisse pour laisser place à une image en background mais surtout à des liens. Jusqu'à présent l'image du dessus était "poussée" grâce à un "margin-top" ce qui permettait de cliquer sur les liens ensuite. Nous aimerions qu'au survol on ne voit pas l'image se déplacer mais qu'elle s'évapore si je puis dire.
Nous avons pensé à mettre un opacity à valeur nulle -ce qui donne exactement l'effet escompté- mais malheureusement l'image du dessus est toujours présente lors du survol même si elle est "transparente", ce qui fait que l'on ne peut cliquer sur les liens situés en background.  Question de survol (hover). [à archiver]  3451650135 

J'espère que mon jargon de débutante est tout de même compréhensible autrement je tâcherai de réexpliquer mon problème plus posément.  Question de survol (hover). [à archiver]  512254 
Merci d'avance  Question de survol (hover). [à archiver]  577704309


Dernière édition par Broken Cookie le Sam 05 Avr 2014, 21:04, édité 1 fois
MessageSujet: Question de survol (hover). [à archiver]    Question de survol (hover). [à archiver]  EmptySam 05 Avr 2014, 17:30
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Question de survol (hover). [à archiver]  Empty
Vous êtes très bien partis, il y a juste une petite chose à mettre en plus que ça soit bon Smile
Il suffit de rajouter la propriété visibility avec la valeur hidden sur l'image.
Cela devrait régler votre problème. ^^
Voici ce qu'il faut ajouter pour le CSS de l'image à faire disparaître :
Code:
visibility: hidden;

Dis moi si cela fonctionne Very Happy
MessageSujet: Re: Question de survol (hover). [à archiver]    Question de survol (hover). [à archiver]  EmptySam 05 Avr 2014, 18:11
Revenir en haut Aller en bas
http://pixie-dust.forum-canada.com/
Broken Cookie
Broken Cookie
{ Membre }
{ Membre }

Féminin Messages : 5



Question de survol (hover). [à archiver]  Empty
Oh c'est super, ça marche Question de survol (hover). [à archiver]  510527 Je n'y aurais pas pensé ^^

Merci beaucoup pour ta réponse rapide Question de survol (hover). [à archiver]  577704309
MessageSujet: Re: Question de survol (hover). [à archiver]    Question de survol (hover). [à archiver]  EmptySam 05 Avr 2014, 20:59
Revenir en haut Aller en bas
Contenu sponsorisé




Question de survol (hover). [à archiver]  Empty
MessageSujet: Re: Question de survol (hover). [à archiver]    Question de survol (hover). [à archiver]  Empty
Revenir en haut Aller en bas
 

Question de survol (hover). [à archiver]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Hover sur avatar mais pas d'info derrière (A archiver)
» Hover sur les liens
» Effet img:hover
» HTML: CSS hover
» Problème z-index au survol.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit