鏈接背景圖像

我有一個CSS的背景圖像，需要鏈接到網站索引。不過，我似乎無法將其鏈接。鏈接背景圖像

#header-bg { 
    background-image: url("./styles/duffcraft/theme/images/bg_header.png"); 
}

然後用：我已經嘗試使用

<a href="./" id="header-bg"></a>

但沒有奏效。該網站的網址是：http://bindmind.net/dev/ 它的形象與DuffCraft等在它的中間。圖像的文件名是header.png。

基本上它必須鏈接到網站索引，但因爲生病將它轉移到另一個域很快我不能讓它鏈接到http://www.bindmind.net/dev/。

編輯：我已經設法讓它鏈接，但現在在圖像和實際內容之間存在巨大的差距。（固定的）。

2011-10-02 Mythrillic

背景圖片是背景，呈現而不是內容。一個沒有告訴你它要去哪裏的鏈接是浪費時間。改爲使用''。 – Quentin

你的'a'元素在哪裏？我沒有看到任何理由，爲什麼你的鏈接不應該工作，由於背景圖像。您是否嘗試過以下鏈接：''。或者爲什麼不包含這樣的圖像：' '？ – mliebelt

哦。對不起，我意外地恢復了我之前所做的更改。 – Mythrillic

做到這一點你應該使用一個背景圖像的讀取圖像中的HTML代碼。它應該看起來像：

<a href="/"> 
    <img src="./styles/duffcraft/theme/images/bg_header.png"/> 
</a>

這應該顯示您的圖片鏈接而已，與圖像的大小，並通過點擊圖片上，你的索引頁會顯示。

2011-10-02 12:27:12 mliebelt

，你可以這樣做：

<a href="http://bindmind.net/dev/"><div id="header-bg"></div></a>

或可能是你可以用JavaScript

2011-10-02 11:57:53 John

我早些時候嘗試過，但沒有奏效。 – Mythrillic

回答