Javascript 类似facebook&;发送按钮弹出方向

Javascript 类似facebook&;发送按钮弹出方向,javascript,css,facebook,html,Javascript,Css,Facebook,Html,如何在“喜欢”或“发送”按钮上设置facebook“弹出”按钮的方向。目前,我们在页面右侧浮动facebook社交插件。但是,当有人打开facebook的“弹出按钮”时,它会向右打开,在理想情况下会向左侧打开页面 例如: 我保证,我们不需要你喜欢这个网站:)任何帮助都将不胜感激 <div class="side-right"> <fb:like href="http://compfight.com" send="true" layout="button_count" w

如何在“喜欢”或“发送”按钮上设置facebook“弹出”按钮的方向。目前,我们在页面右侧浮动facebook社交插件。但是,当有人打开facebook的“弹出按钮”时,它会向右打开,在理想情况下会向左侧打开页面

例如:

我保证,我们不需要你喜欢这个网站:)任何帮助都将不胜感激

<div class="side-right">
    <fb:like href="http://compfight.com" send="true" layout="button_count" width="150" show_faces="false" action="recommend" font="" class=" fb_edge_widget_with_comment fb_iframe_widget">
</div>


类右侧有一个浮动:右侧;和文本对齐:右键连接到它。

您不能自定义弹出窗口的位置,但可以在此处查看我的备选方案。

尝试将此样式添加到页面:

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: -300px !important;
}
</style>

.fb_edge_widget_与_comment span.fb_edge_comment_widget{
左:-300px!重要;
}

如果需要,您可以隐藏弹出按钮,比如在Firefox中,弹出按钮可以将内容推离位置(我们在侧边栏的jQuery滑块中有一个LIKE按钮,每次单击LIKE都会将侧边栏图像推离框架)

使用上面帖子中的Andrew的CSS,我发现一个简单的显示:none就成功了

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
    left: -300px !important;
    display:none;
}
</style>

.fb_edge_widget_与_comment span.fb_edge_comment_widget{
左:-300px!重要;
显示:无;
}

这就避免了我们的内容被强行上移和移出框架。

不是自动完成的吗

以身作则

.fb-like { float:right; }

目前不支持此功能,因为所有内容都在iframe内,不受应用程序的控制

订阅官方bug以获取有关该问题的更新:


我刚刚添加了fb like to div with overflow:hidden


添加评论对破坏网页设计并不重要,你想要这样,评论只是奖励;-)

这对我不起作用,我对所有其他基于CSS的facebook弹出样式解决方案都有问题。最后,你必须使用JavaScript来改变一些事情。寻找这个问题答案的人应该订阅这个问题。我真的不知道FB bug修复是如何工作的,但是有更多的人在那里谈论它应该会加快修复速度,对吗?