Bonjour, j'aimerai de l'aide sur un problème en CSS principalement (mais qui potentiellement HTML aussi).

Alors voilà je souhaite réaliser une une sorte d'image cliquable mais qui avant d'être cliquable (car ça c'est simple), doit être réactive au faite de la survoler. Je m'explique: lorsque que je survole l'image/la zone de l'image (:hover) une autre DIV doit se superposer à la DIV contenant l'image (la Div à superposer étant mi-opaque, elle permet de rajouter des infos avant de choisir de cliquer sur la DIV de l'image). 

J'espère avoir était suffisamment précis et clair. J'ai essayé plein de chose: z-index, visibility, display: none, etc ... Rien ne fonction correctement.

PS: A un moment donné j'ai eu un résultat plutôt satisfaisant (mais j'ai bien-sûr oublie de copier le code), mais le problème c'était que lorsque que l'on bouger sur l'image la deuxième DIV avec les infos était saccadé donc le code était inutilisable.

Merci d'avance pour les conseils, idées, etc ...

Cordialement

Hello

Dans ce style ?

-> https://codepen.io/quatmo/pen/xKIze 

source : https://tympanus.net/Development/HoverEffectIdeas/ 

Merci pour la réponse. Cependant ce n'est pas exactement cela.  Disons que voudrais faire une DIV / Paragraphe (mi-opaque) par dessus une DIV / Image, qui n’apparaît que lorsque l'on survole (hover) la DIV / Image. Et le tout doit être cliquable. 

En espérant que vous me comprendrai.

Salut,

ce que t'as donné Lucky me semble correspondre à ton besoin.
Il faut juste que tu adaptes mais le mécanisme est là.

Vous avez globalement raison. En adaptant cela passera. J'ai trouver de meilleur exemples de Overlay sur le site d'apprenrissagz de la W3C.

Cordialement.