当我将鼠标悬停在图像上时,achor 标签没有链接到 href?
<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
<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>
Here is my 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;
}
Here is my CSS
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
Facebook 数据宽度属性与社交链接锚标记重叠。
我将数据宽度更改为 50px,它解决了问题。
The facebook datawidth attribute was overlapping the social link anchor tags.
I changed the data-width to 50px and it fixed the problem.