Css 添加到滚动脚本的链接

我有一个纯css滚动脚本，它是一系列图像，每个图像都保存在各自的div中，悬停时，背景图像向上滑动，因此图像理论上会发生变化

但是，是否可以向图像添加链接？这些图片是facebook、twitter、网站等的联系人图标，因此理想情况下，用户在悬停时可以单击图标并转到该链接

---

我认为添加

是正确的，而不是使用“ref”，您需要使用“href”



在这里添加锚定标签似乎很有效谢谢各位，我错过了一些显而易见的东西！
<div class="fbook-hover social-slide"></div>

.social-slide {
height:300px;
width: 250px;
margin: 10px;
float: left;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}    
.social-slide:hover {
background-position: 0px -300px;
}
.fbook-hover {
background-image: url('/images/smedia/fbook.png');
}

 <a href="http://www.google.com" target="_blank"><div class="fbook-hover social-slide"></div></a>