HREF不是用z-index -1

Question

Helllo工作，我有這樣的HTML代碼

<div class="tf"> 
<a href="http://www.twitter.com/!!!" target="_blank" ><img src="images/twitter.png" width="2%" class="tfimg"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.facebook.com/pages/!!!/212810852094228" target="_blank"><img src="images/facebook.png" width="2%" class="tfimg"></a> 
</div> 

和CSS的

.tf { 
float:right; 
margin-right:65px; 
margin-top:-30px; 
padding:2px; 
} 

.tfimg { 
position:absolute; 
z-index:-1; 
border:none; 
} 

爲圖像出邊界，但我不能點擊圖片，那麼問題是什麼？解決方案是什麼？

Answer 1

您的圖像雙方都有分配給它們的同一類。您將它們堆疊在一起，方法是將它們設置爲不同的位置，並且facebook.com出現在頂部，因爲它是html中的最後一個。如果你希望它們出現在彼此的旁邊，你可以申請類似以下內容：

.tftwitter { 
position:absolute; 
left:0px; 
border:none; 
} 

.tffacebook { 
position:absolute; 
left: 20px; 
border:none; 
} 

現在分配給每個圖像適當的類。

Answer 2

嘗試使用：

.tf{ display:inline-block; /* your more code */ }