Связывание фонового изображения

Question

Я пытаюсь связать свое фоновое изображение с помощью учебника на http://xavisys.com/css-trick-turning-a-background-image-into-a-clickable-link/#comment-28009, но это просто не работает для меня.

Я думаю, что у меня есть право css, но когда я вставляю html, чтобы сделать ссылку, он устанавливает мой ВЕСЬ сайт как одну гигантскую ссылку.Есть ли способ сделать слой ссылок позади моего контента, чтобы он был кликабелен только по бокам контейнера?

Я пытался использовать этот 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;
}

и этот HTML:

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

Answer 1

position:absolute заставляет вас оставаться на связи. Возможно, вы можете попробовать z-index, но легче сказать, смогу ли я увидеть, что вы весь код? Или ссылка на страницу?

Answer 2

Вам необходимо установить z-индекс контейнера сайта так, чтобы он был выше, чем якорная ссылка. Простой способ сделать это -

Добавить этот CSS:

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

Это 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>