のhref -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 */ }