Problème de hover dans le transparent des png

Par Atn Jonathan, il y a 10 ans

Les bases HTML/CSS

Bonjour à tous,

je viens sur ce forum car j'ai besoin d'aide.

je m'explique j'aimerais présenter 3 de mes travaux sur mon portfolio de cette manière :

Donc j'ai découpé mes 3 triangles et enregistré en png puis ensuite je les ai placer sur ma page dans des balises <img>

le problème est survenu quand j'ai voulu mettre des hover, les hover s'activent dans le cadre de la balise img qui entoure le triangle donc même quand je suis à coté du triangle l'état hover se déclenche (je ne sais pas si j'arrive à me faire comprendre :/)

si quelqu'un à une solution pour moi je suis preneur! sachant que par apres ça devra être responsive

merci d'avance

1 réponse

betaWeb, il y a 10 ans

Salut,

A priori c'est parce que ton événement hover est bind sur la balise <img> donc il se déclanchera lorsque la soucis survolera ton image, logique quoi. Essayes d'ajouter un conteneur à ton image, qui aura un padding afin de simuler ton fameux cadre. Et n'oublies pas de supprimer le cadre sur ton image.

En espérant avoir été clair.