Добавить ссылку на сценарий опрокидывания

Question

У меня есть чистый скрипт для опроса css, который представляет собой серию изображений, каждый из которых хранится в их собственных div и при наведении, фоновое изображение скользит вверх, поэтому изображение теоретически изменяется.

Можно ли добавить ссылку на изображение, хотя? Изображения - это значки контактов facebook, twitter, веб-сайт и т. Д., Поэтому в идеале при наведении пользователь может щелкнуть значок и перейти к этой ссылке.

Я решил добавить <a ref=........</a> после того, как теги div будут работать, но ничего не сделали, т.е. ссылка не распознается и не может быть нажата.

HTML

<div class="fbook-hover social-slide"></div> 

CSS

.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'); 
} 

JSFIDDLE http://jsfiddle.net/26B3h/1/

Answer 1

Вы делаете это правильно, вместо того, чтобы "реф" Вы должны использовать "HREF"

http://jsfiddle.net/jonigiuro/26B3h/3/

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