html – 显示页面的Facebook Like Button对话框

我整理了一个“社交滑块”,允许访问者“喜欢”和“”一个页面…此滑块的容器显示在浏览器的绝对右下角.一切正常,除非您单击“赞”按钮,弹出允许评论的对话框不在页面上.

有没有一种方法,我没有看到,允许您配置对话框出现的位置/方式？

<div id="social-container">
<div class="fb-like" data-send="false" data-layout="Box_count" data-width="55" data-show-faces="false"></div>
</div>

而CSS：

#social-container {
        clear: both;
        z-index: 999;
        position: fixed;
        bottom: 120px;
        right: 20px;
    }

解决方法

您无法选择弹出框的显示位置,因为它是iframe,您无法控制跨域iframe的css(并且没有此参数).

你唯一能做的就是限制if按钮iframe的大小,这样对话框就会隐藏起来：

#fb-like iframe {
    width: 62px !important; height: 24px !important;
}