WordPress的Time.ly日历插件的Z-index问题?

时间:2012-08-23 14:58:08

标签: wordpress calendar popup z-index

我正在尝试完成一个网站,但我似乎无法弄清楚为什么日历上的弹出摘要会在日​​历底部的订阅按钮后面。我假设这是一个z索引问题,但我无法弄清楚为什么z-index css样式都不起作用。

日历页面的测试网址为http://powhatan.idtestsite.com/events。要查看我所指的内容,请转到日历的底部并将鼠标悬停在“事件2”上。你会看到它落后于订阅按钮。

任何帮助都会很棒!

2 个答案:

答案 0 :(得分:0)

多么神秘!您在两个元素上都设置了位置和z-index ...

不知道它有多大帮助或伤害,但我确实注意到z-index在FF 14中表现得如预期的那样。在Chrome中,我看到你报告的行为相同。也许这可以帮助你追踪它。

修改

我找到了一个解决方案 - 将btn z-index设置为小于0(我使用-1)并且它在Chrome中的行为符合预期。这与绝对定位的最低z索引项目和相对定位的最高项目有关。有时这些绝对定位的元素会写在相对定位的元素之上,即使索引设置正确。

答案 1 :(得分:0)

我将以下内容添加到我的CSS中,并选出了与我的日历相关的所有其他z-index样式,它就像一个魅力:

#ai1ec-calendar-view-container { z-index: 1 !important; }