Facebook喜欢隐藏在其他页面元素后面的对话框

Question

我无法将facebook弹出对话框放在我的导航栏和幻灯片上： http://d14599.u62.c14.ixinstant.com

我已经搜索了几个小时，所有的解决方案似乎都没有用。这是我检查的列表： -overflow：隐藏在其他页面元素上会导致问题。我调查了这个，但我的导航栏没有这个属性。 -z- index仅适用于定位元素。我确保我的元素相对或绝对定位。 - 我尝试使用像

之类的东西直接设置js创建的facebook元素

   .fb_iframe_widget{
   display:block !important;
   z-index:9999 !important;
  }

我对CSS不太好，但从未在一个问题上遇到过这么长时间。

我假设问题实际上是我在页面的其他地方做错了，比如导航栏本身，但我看不出它是什么。任何想法将不胜感激。

Answer 1

它并没有真正解决问题，但我所做的是隐藏评论框。对于这种情况，这是可以接受的在css文件中我添加了：

      .fb_edge_widget_with_comment span.fb_edge_comment_widget {
       display:none;
      }

Answer 2

我搜索了很多东西并尝试过，但没有解决方案适合我。我在这里找到了一个解决facebook like dialogbox overlap issue的快速解决方案，它对我有用。

希望它可以节省其他时间，干杯！

Answer 3

对我来说有用的是设置保持Facebook like按钮的元素的z-index高于后面显示注释框的元素。