Question

<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

#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

Answer 1

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并解决了问题。

当我悬停图像时，锚标记没有链接到href？

1 个答案: