在Facebook Like Button中更改“评论”弹出窗口的显示位置

时间:2014-04-23 20:04:40

标签: html css facebook facebook-like

晚上好! 我目前正在开发一个包含Facebook Like Button的网站。此按钮位于页面底部。当我点击按钮时,"评论"弹出窗口显示在按钮下方,这会扩展我的页面。我想知道是否(以及如果是这样,如何)可以进行"评论"弹出窗口显示在按钮顶部或永久隐藏弹出窗口。 下面的图片描述了我的问题(水平白条应该位于页面底部,注意"注释"弹出窗口如何扩展页面。)

Facebook like button popover.

提前谢谢。

2 个答案:

答案 0 :(得分:0)

在没有看到实际网站的情况下,我想你可以使用css来选择弹出窗口并将其显示属性设置为none。但是,您可能需要使用!important语句来覆盖使用javascript在该弹出窗口上设置的任何css属性。

示例代码:

.popup {
    display:none!important;
} 

答案 1 :(得分:0)

您可以隐藏弹出框。确保你的facebook喜欢按钮布局类型是按钮,即在facebook提供的代码段中应该有data-layout="button"

并使用此css

.fb-like{
   overflow: hidden !important;
}