Lien transparent

Résolu
godLike Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   -  
godLike Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Après quelques recherches sur internet je n'ai pas trouvé ce que je cherchais .

En fait j'ai un <div id="bloc_1></div> sans rien à l'intérieur mais une image de fond. Il y a des écriture sur l'image de fond, et j'aimerai y transposer des liens transparent au niveau des écritures sur les images .. C'est à dire que même quand on passe la souris dessus , on ne doit pas voir de texte s'afficher.

En gros j'aimerai faire un div comme ça :

<div id="bloc_1>
<a href="http://www.mon-site.fr/sous_dossier">Une phrase transparante</a>
</div>

Merci par avance.

4 réponses

LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
J'avais trouvé une vidéo beaucoup mieux, mais je en trouve plus.
En attendant regarde ceci :
Lien : http://www.linuxgraphic.org/grokking/node81.html

Cordialement.
0
monkey_monk Messages postés 641 Date d'inscription   Statut Membre Dernière intervention   131
 
Il suffit de créer des liens et de les positionner avec les propriétés CSS (position:absolute; display:block; width:XXXpx; height:XXXpx; margin:Xpx Xpx Xpx Xpx;)

Dans ces liens tu ne mets rien comme texte (sauf, évidemment pour les propriétés href et title).
0
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT

Si tu ne sais pas le faire manuellement voila 2 generateurs qui "mapperons" ton image !

http://www.isdntek.com/tagbot/imap.htm

https://www.image-maps.com/

A+
0
godLike Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   26
 
En fait c'est bon je vais faire de la retouche PhotoShop pour cacher le texte sur l'image et je réécrirai par dessus. Merci du coup de main quand même .
0