Question

我们的facebook喜欢/发送按钮有问题，如果你打开：http://apps.facebook.com/bymii-test/products.php?pageid=216605071714962&prd_id=35&prd_name=Coalesce： - 点击facebook发送，该框位于facebook边栏后面。有没有办法：改变z-index - 或者让窗口弹出左边？

Answer 1

我最终找到了答案!! 1 1/2小时后搜索..只需将此代码输入您的CSS文件：

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
top: 15px !important;
left: -250px !important;}

希望这是你所寻找的，因为它正是我所寻找的！

Answer 2

确保父/容器元素具有css值"overflow:visible"。它发生在"overflow:hidden"时。希望这会有所帮助。

Answer 3

弹出所有内容的方法是让like按钮在XFBML中工作。 iframe实现是有限的，如果您更改它的高度和宽度以适合按钮，窗口将显示为隐藏。

Answer 4

我发现这个有用：

/* the below allows the fb:like iframe to show entirely instead of getting cropped off */

.fb-like iframe {
    max-width: inherit;
}

/* the same issue with the "send" button */

.fb-send iframe {
    max-width: inherit;
}

正如您所看到的，它要求这些元素“继承”其父元素的宽度属性。

希望有所帮助。

Answer 5

我修改了Shane的优秀解决方案，专门针对z-index：

的CSS：

.fb_edge_widget_with_comment span.fb_edge_comment_widget
{
    z-index:8 !important;
}

以上css代码显示Facebook小部件高于其他所有内容，无需重新定位或溢出＆＃34;任何东西。

Answer 6

这是所有开发人员都面临的常见问题。弹出窗口无法检测其在页面或iframe中的相对位置为了获得理想的结果，我总是安装我的喜欢，发送页面左侧的按钮。

facebook iframe App：发送/喜欢按钮z-index问题

6 个答案: