所以，我想在彼此旁边设置一个类似Facebook的按钮（html5）和一个Twitter推特按钮。
一切都设置在这里：http://jsfiddle.net/tGujU/
当我点击类似facebook的按钮时，我遇到了一个大问题
因为它会显示评论弹出窗口（我想看到弹出窗口），所以facebook iframe的大小被调整为450px。弹出窗口消失后，iframe的大小不会调整为小尺寸！我设置了设计，这样两个按钮之间就不会产生太大的空间。
但问题是，一旦你点击了类似facebook的按钮，你就不能再点击推特按钮了，因为广泛的facebook iframe覆盖了它。
我尝试了什么：
- 在
div#facebook_button上使用overflow:hidden，但我看不到弹出的评论。=>NG - 更改iframe z索引以获取顶部的twitter iframe=>不起作用
- 在FB iframe上添加一个侦听器，尝试在正确的时间设置
overflow:hidden，并在需要时将其删除，但无法找到侦听其更改的方法
我想做的事：
- 保持供应商的顺序，不要把Facebook放在正确的位置
- 点击点赞按钮后，查看FB评论弹出窗口
- 能够在我点击FB按钮后点击推特按钮
- 在IE8+、FF4+和Chrome中支持它
欢迎任何帮助。
您可以提高Twitter按钮的z-index（iframe），使其高于任何Facebook内容。
#twitter_button iframe{
z-index:9999;
position:absolute
}
不是最漂亮的解决方案，但它有效（见Fiddle）。
.fb-like { width: 75px; }就是我所做的。
这是我倾向于做的…
/* make the like button smaller */
.fb_edge_widget_with_comment iframe {
width:47px !important;
}
/* but make the span that holds the comment box larger */
.fb_edge_widget_with_comment iframe.fb_iframe_widget_lift {
width:450px !important;
}
CSS的第一个部分根据您的需要调整like按钮的大小（在这种情况下，它的大小可以隐藏计数气泡）。CSS的第二位确保了当点击按钮时评论框是可见的。
你有没有试着给它一个120px的固定宽度。我认为这将涵盖