Facebook Like 按钮 iFrame 被网站内容覆盖

发布于 2024-12-05 08:52:38 字数 520 浏览 0 评论 0原文

我成功地将 Facebook Like 按钮添加到我的每个博客的帖子中。

问题:标题超过一行的帖子会覆盖“赞”按钮。 (请参阅我的博客。请向下滚动到有问题的帖子。

)我所知道的:

(1)“headline_area”div 包括标题和作者姓名。每个帖子的内容正文始终位于该 div 的正下方。

(2) 当帖子的标题只有一行行时,Facebook Like 按钮会再次保持在标题底部。因为“headline_area”div 是一致的,所以帖子的正文位于标题、作者和类似 facebook 的按钮下方。

(3) 当标题是行时,“headline_area”div 保持不变,但“赞”按钮会被第二行按下。帖子内容与 header_area div 保持一致,从而与“赞”按钮重叠。

我希望这是清楚的。非常感谢任何帮助!

I successfully added the Facebook Like button to each my blog's posts.

The problem: posts whose titles are longer than one line cover the Like button. (See my blog here. Scroll half way down to posts with the problem, please.)

Here's what I know:

(1)the "headline_area" div includes the title and the author name. The content body of each posts is always directly beneath that div.

(2) When the title of a post is only one line, the Facebook Like button stays up again the bottom of the title. Because the "headline_area" div is consistent, the body of the post stays below both the title, author, and facebook like buttons.

(3) When the title is two lines, the "headline_area" div remains the same, but the Like button gets pushed down by the second line. The post content stays up against the headline_area div, thus overlapping the Like button.

I hope that is clear. Any help is much appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(1

孤君无依 2024-12-12 08:52:38

问题出在 CSS .headline_area 样式上。它将固定高度定义为 height: 80px (custom.css:7)。尝试删除它并更改 facebook(如 iframe 高度)。

The problem is with CSS .headline_area style. It has defined fixed height to height: 80px (custom.css:7). Try removing it and changing facebook like iframe height.

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