2011-10-27 4 views
0

J'essaie de créer un lien transparent qui se trouve sur une image (un peu comme une image) mais pour une raison quelconque, je ne peux pas obtenir le lien pour avoir une hauteur et une largeur fixes sauf si je donne C'est une couleur de fond. Ce n'est pas idéal car cela couvrira l'image!définir la hauteur et la largeur du lien

Malheureusement, donner une couleur de fond au lien et régler l'opacité à 0 se heurte à une animation jquery, donc je ne peux pas le faire non plus.

Des idées comment je peux contourner cela?

html

<a class="testlink" href="link.html">&nbsp;</a> 

css

.testlink { 
    position:absolute; 
    top:78px; 
    left:0px; 
    text-decoration:none; 
    display:block; 
    width:275px; 
    height:200px; 
    /* background-color:#333; inserting this into the styles give the link a width/height */ 
} 

+0

J'ai copié ceci sur jsFiddle http://jsfiddle.net/77BDu/ et le lien semble avoir une largeur et une hauteur. Exécutez le code et inspectez l'élément généré. À votre santé. – iGbanam

Répondre

2

Vous pouvez utiliser un 1x1 transparent PNG comme l'arrière-plan, si vous ne voulez pas utiliser des images externes, vous pouvez l'intégrer dans le CSS avec base64 -codage

+1

Selon les navigateurs que vous devez prendre en charge, vous pouvez également envisager de définir l'opacité sur 0. – Flimzy

+0

Comme je l'ai mentionné ... J'ai essayé ceci et il se heurte à d'autres animations jquery sans rapport. – Tom

Questions connexes