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

Question

我无法让 facebook 弹出对话框位于我的导航栏和幻灯片顶部：http: //d14599.u62.c14.ixinstant.com

我已经搜索了几个小时，但所有解决方案似乎都不起作用。这是我检查过的列表： -overflow:hidden on other page elements 会导致问题。我调查了这个，但我的导航栏没有这个属性。-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 之类的对话框重叠问题的快速修复方法，它对我有用。

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

Answer 3

对我有用的是将包含 Facebook like 按钮的元素的 z-index 设置为高于评论框显示在后面的元素。