2012-02-02 61 views
-3
<li ><div class="fb-like" data-href="http://billrandles.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div></li> 
<li><a href="#" id="facebook"><img src="images/facebook.gif" ></a></li> 
<li><a href="#" id="youtube"><img src="images/youtube.gif" ></a></li> 
<li><a href="#" id="twitter"><img src="images/twitter.gif"></a></li> 

這裏是我的html當我將圖片懸停時,achor標籤沒有鏈接到href?

#sidebar #social ul li a:link{ 
    width:22px; 
    height:22px; 
    padding-top:0px; 
    background:none; 
    float:left; 
    margin-right:10px; 
} 
#sidebar #social ul li a:visited{ 
    list-style:none; 
} 
#sidebar #social ul li div{ 
    float:left; 
    width:80px; 
    margin-left: 10px; 
} 

這裏是我的CSS

+4

究竟是什麼問題?你的鏈接都有'href =「#」',所以它們不會鏈接到任何地方,除了可能是頁面的頂部... – 2012-02-02 23:46:45

+0

問題是Facebook的按鈕被覆蓋社交img錨定使它無法在哪裏你不能訪問「#」。 – zachdyer 2012-02-03 04:26:38

+0

這是否意味着問題得到解決?如果是這樣,你應該回答你的問題,並接受你的答案。 – 2012-02-03 18:50:45

回答

0

Facebook的datawidth屬性是重疊的社交鏈接錨標籤。

<div class="fb-like" data-href="http://billrandles.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"> 

我將數據寬度更改爲50px,它解決了問題。