更改简单的Facebook连接弹出位置

时间：2012-04-30 作者：markratledge

Is it possible to add a parameter to Simple Facebook Connect and the sfc_like_button function to cause the popup to fly out to the left?

现在，它飞到了右边，在我页面的黑色外包装下面（见下文）

这在Firefox、IE和Safari中都会发生。使用overflow:visible 在包含div 没有帮助。

我尝试在该div中使用定位和z-index并包含元素来将弹出窗口定位到包装器顶部，但没有成功。

这是Facebook上iFrame输出的一个不能更改的函数吗？

screenshot

这是包括SFC的功能：

<?php sfc_like_button(array(\'width\' => \'125\', \'height\' => \'20\', \'layout\' => \'button_count\')); ?>
这是在页面源中生成的html：

<fb:like href=\'http://mydomain.com/page/\' send=\'false\' layout=\'button_count\' show_faces=\'true\' width=\'125\' height=\'20\' action=\'like\' colorscheme=\'light\' font=\'lucida+grande\'></fb:like>

1 个回复
最合适的回答,由SO网友:markratledge 整理而成

感谢SO：https://stackoverflow.com/questions/10471848/css-z-index-overflow-facebook-xfbml-and-safari

结果我需要位置和z索引，但在包含<div>, 它使用“clearfix”技巧（而不是使用overflow:hidden）使#main包装其浮动子级：

原件：

#main {
clear: both;
padding: 5px 0 0 0;
position: relative;
z-index:1;
overflow:hidden  /*removed */
}
已添加：

#main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}

结束
标签： plugins   facebook   小码农  

相关推荐

有没有可能整合Wordpress*Posts*和社交媒体(Facebook、Google+、Twitter)？

是否有一个插件可以自动将博客文章的摘录（可能最多可达more标签）发布到指定的社交媒体组/页面。那么，例如，在发布摘录时，会发布一个指向用户定义的Facebook群组、G+页面和推特提要的“阅读更多”链接？如果没有，是否有自动化此过程的方法？还是“复制>粘贴”是唯一真实的选项？（我知道dsiqs提供了链接评论和社交媒体的功能，但据我所知，这一功能并没有扩展到帖子。）