当我将鼠标悬停在图像上时,achor 标签没有链接到 href?

发布于 2025-01-01 23:39:31 字数 858 浏览 0 评论 0原文

<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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

东走西顾 2025-01-08 23:39:31

Facebook 数据宽度属性与社交链接锚标记重叠。

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

我将数据宽度更改为 50px,它解决了问题。

The facebook datawidth attribute was overlapping the social link anchor tags.

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

I changed the data-width to 50px and it fixed the problem.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文