創建一個div（與背景圖像）到一個鏈接

Question

我試圖讓我在這個頁面上的小圖標（http://www.alinewbury.com/contact.html）變成鏈接。
他們在每一個div分開，但每當我嘗試做：

<div class="social-btn pinterest"><a href="http://www.pinterest.com/etc.etc."></a></div> 

它似乎沒有工作！我怎樣才能將這些圖標鏈接到相應的網站？

Answer 1

爲了使點擊圖標能，你必須解決的一些問題。首先你的圖標並沒有真正連接。您可以看到Hand cursor，因爲在類中定義的屬性.social-btn

要使圖標可點擊，您應該遵循此方法。把裏面的文字a標籤更好的方法，你也必須改變font-size:0

.social-btn a 
{ 
padding: 22px; 
font-size: 0; 
} 

你的HTML應該是這樣的。

<div class="social-btn pinterest"> 
<a href="http://www.pinterest.com/alinewbury/" title="pinterest">pinterest</a> 
</div> 

Answer 2

Div應該位於Anchor標記內。

檢查錨標籤usage