将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

Div应该在Anchor标签内。

检查锚标记usage

Answer 2

要使图标单击，您必须解决一些问题。首先，你的图标并没有真正联系起来。您可以看到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>