css，z-index，overflow，Facebook xfbml和Safari

Question

我正试图通过Facebook“赞”按钮xfbml对话框覆盖网站中的<div>，但无论我对z-index和溢出做什么：可见，对话都不会在Safari 5中<div>上方渲染，边缘隐藏。

这是一个小提琴：http://jsfiddle.net/Bs4aJ/

有什么想法吗？感谢

Answer 1

overflow:hidden上的#main正在裁剪它。您可以使用“clearfix”技巧而不是使用overflow:hidden来使#main包裹其浮动的子项：

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