Aller au contenu

mettre lien sur image hover


novis

Sujets conseillés

Bonjour,

J'ai crée un texte qui apparaît au survol d'une image.

Seulement lorsque je veux y intégrer un lien vers une page de mon site, celui-ci n'est pas reconnu car l'image est en arrière plan (logique).

De ce fait, j'ai fait le lien sur le texte mais cela n'englobe pas la totalité de la vignette (toujours logique).

Est-il possible d'englober la totalité de la vignette avec un lien?

J'ai essayé ce script mais le lien ne se fait toujours pas. Merci de m'éclairer:

code html:

<a href="ma page.html" class=".caption:before01">Cliquez ici</a>

code css:

.item .caption:before {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        border: 1px solid #fff;
        content: '';
 
}
 
 
.caption:before01{
    background:url(http://adresse de mon image.jpg) center center no-repeat;
 
}

 

Si vous avez des suggestions, n'hésitez pas. Je ne vois pas ce que je dois changer...

Merci par avance

Novis

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...