Z-index 导致堆叠不正确

Z-index is causing incorrect stacking

我在以下页面有一个日历:

http://www.plumgrid.com/calendar/category/events/2016-03/?tribe_events_cat=events&tribe-bar-date=2016-03

当我们将鼠标悬停在 3 月 2 日 "OpenStack Meetup | Washington, DC" 的活动上时,弹出窗口位于 header 横幅图像后面。

我查看了 z-index 和不透明度,并试图找出堆叠顺序和上下文方面的问题,但找不到解决方案。

有什么想法吗?

要使 z-index 对堆叠产生任何影响,元素应具有 positionrelativeabsolute.

的属性

很简单,您在 ID 为 "main"

的 div 上隐藏了一个溢出

因此,即使使用 z-index,div 在框外时也是隐藏的(尝试注释 style.css 的第 7743 行)