Z-index导致堆叠不正确

Question

我在以下页面上有一个日历：

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

当我们在3月2日鼠标悬停活动“OpenStack Meetup | Washington，DC”时，弹出窗口位于标题横幅图片后面。

我已经研究了z-index和不透明度，并试图找出在堆叠顺序和上下文方面出了什么问题，但找不到解决方案。

有什么想法吗？

Answer 1

很简单，你有一个隐藏在div上的溢出，ID为“main”

所以即使使用z-index，div也会在框外隐藏（尝试评论style.css的7743行）

Answer 2

要使z-index对堆叠产生任何影响，该元素的属性应为position至relative或absolute。