添加鏈接到翻轉腳本

Question

我有一個純CSS的翻轉腳本，它是一系列圖像，每個圖像都保存在自己的div中，懸停時，背景圖像向上滑動，以使圖像在理論上發生變化。

雖然可以添加圖片鏈接嗎？這些圖像是聯繫人圖標臉書，推特，網站等，所以理想的懸停用戶可以點擊圖標並轉到該鏈接。

我想在div標籤可以工作之前和之後加入<a ref=........</a>，但是這並沒有做任何事情，即。該鏈接無法識別並且無法點擊。

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>