移动/定位Facebook喜欢按钮评论弹出窗口

Question

我需要移动与facebook类按钮关联的弹出注释框.我知道这个问题已被提出并且解决了无数次.

之前被问到:Facebook喜欢Widget on Fan页面,评论区域超出可见区域

我的相同问题的屏幕截图:http://twitpic.com/4q7ggi

这里的不同之处在于我相信Facebook在过去几个月内已经改变了实现方式,因此Like Button和评论弹出窗口都包含在一个iframe中.我希望他们可能会这样做,因为这将是防止恶意网站通过自动喜欢内容来利用用户的唯一可靠方法.但是,这意味着我无法应用CSS来重新定位注释框.

我正在使用HTML5之类的按钮实现,这与官方的Facebook参考上使用相同的按钮http://developers.facebook.com/docs/reference/plugins/like/.要查看示例,请再次单击Facebook参考页面上的"类似"按钮,然后检查注释弹出元素.您会看到同一个按钮和注释弹出窗口都包含在同一个iframe中.

Answer 1

这对我有用，这是一个小提琴示例。我所做的只是用 css 进行简单的修改：

\n\n

.fb_edge_widget_with_comment span.fb_send_button_form_widget {\n  top:100px!important;  /*for example*/\n  left:100px!important;        /*for example*/\n}\n

\n\n

\xe2\x80\x8b\n希望这有帮助。

\n