我在页面的标题上实现了类似按钮的html5版本。 一旦我导航到另一个页面并按下浏览器上的后退按钮，FB按钮会将iframe的大小设置为1000px * 1000px并屏蔽页面内容。
任何解决方案？这是一个已知的问题？
答案 0 :(得分：4)
我可以确认这种情况也发生在我自己以及多个网站上。
根据https://developers.facebook.com/x/bugs/663421210369743/
，Facebook了解可能需要一段时间才能修复的问题在短期内，许多其他开发者似乎建议通过css（或超时javascript调用）专门定位iframe，以迫使高度回到大约20px。
使用css时，请确保使用！important来覆盖最终来自facebook的iframe的样式属性。
答案 1 :(得分：1)
我知道这是一个老帖子，但它仍然在发生。
将此内联添加到Facebook为您提供的代码：
data-height="30px" data-width="130px"
这是CSS
.fb-like {
width: 130px !important;
}
当然，您可以将宽度更改为您想要的任何宽度。
因此，您的代码应如下所示（其中XX将替换为您的参数）：
<div class="fb-like" data-href="XX" data-send="XX" data-layout="XX" data-show-faces="XX" data-height="30px" data-width="130px">
这只是一个临时解决方案，直到它被修复，因为facebook按钮在一分钟左右后消失。
答案 2 :(得分：0)
可能不是最好的解决方案，但添加以下css现在可以工作：
.fb-like iframe {
width: 500px!important;
height: 50px!important;
}
答案 3 :(得分：0)
对于我来说，当facebook like按钮包含在“position relative”元素中时，会发生这种情况，其中“z-index”高于内容包装器。
检查元素的位置和z-index。