mettre lien sur image hover

[novis 0]

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