我正在尝试完成一个站点,但我似乎无法弄清楚为什么日历上的弹出摘要位于日历底部的订阅按钮后面。我假设这是一个 z-index 问题,但我无法弄清楚为什么 z-index css 样式都不起作用。
日历页面的测试 url 是http://powhatan.idtestsite.com/events。要查看我所指的内容,请转到日历底部并将鼠标悬停在“事件 2”上。您会看到它位于订阅按钮的后面。
任何帮助都是极好的!
我正在尝试完成一个站点,但我似乎无法弄清楚为什么日历上的弹出摘要位于日历底部的订阅按钮后面。我假设这是一个 z-index 问题,但我无法弄清楚为什么 z-index css 样式都不起作用。
日历页面的测试 url 是http://powhatan.idtestsite.com/events。要查看我所指的内容,请转到日历底部并将鼠标悬停在“事件 2”上。您会看到它位于订阅按钮的后面。
任何帮助都是极好的!
我在我的 CSS 中添加了以下内容,并添加了与我的日历相关的所有其他 z-index 样式,它就像一个魅力:
#ai1ec-calendar-view-container {
z-index: 1 !important;
}
多么神秘!您在两个元素上都设置了位置和 z-index...
不知道它有多大帮助或伤害,但我确实注意到 z-index 在 FF 14 中的行为与预期的一样。在 Chrome 中,我看到了与您报告的行为相同的行为。也许这可以帮助您追踪它。
编辑:
我找到了一个解决方案 - 将 btn z-index 设置为小于 0(我使用了 -1),它在 Chrome 中的行为与预期一致。这与绝对定位的最低 z 索引项目和相对定位的最高项目有关。有时,即使索引设置正确,那些绝对定位的元素也会写在相对定位的元素之上。