Lier une image de fond

Question

Je suis en train de lier mon image d'arrière-plan en utilisant le tutoriel sur au http://xavisys.com/css-trick-turning-a-background-image-into-a-clickable-link/#comment-28009 mais il est tout simplement pas travailler pour moi.

je pense avoir le droit de css, mais quand j'insérer le code html pour faire le lien, il définit mon site entier comme un lien géant. Existe-t-il un moyen de créer un lien entre mon contenu et mon contenu afin qu'il soit uniquement cliquable sur les côtés du conteneur?

J'ai essayé d'utiliser cette css:

body { 
    background-image: url('images/bg.png'); 
    background-position: center top; 
    background-attachment: fixed; 
    } 

body #background-link { 
position: absolute; 
height:11000px; 
text-indent:-9999px; 
width:1440px; 
top: 0; left: 0; 
border: 0; 
float: left; 
} 

et ce html:

<a href="http://url.com" title="Title" id="background-link">the link</a> 

Answer 1

Vous devez définir le z-index du conteneur du site afin qu'il soit plus élevé que le lien d'ancrage. La façon simple de le faire -

Ajouter ce CSS:

#wrapper{position:relative;z-index:10;} 
#background-link{z-index:1} 

C'est le HTML:

<a href="http://url.com" title="Title" id="background-link">the link</a> 
<div id="wrapper"> 
    all of your site code goes here 
</div> 

Answer 2

Le position:absolute vous fait lien êtes rester devant. Vous pouvez probablement essayer z-index, mais est plus facile de dire si je peux voir que vous êtes tout le code? Ou lien de page?