css - IE9 和 IE10 有奇怪的 Z-index 问题?

标签 css internet-explorer-9 z-index internet-explorer-10

我的日历在 IE9 和 IE10 上有一个奇怪的问题。该问题与 z-index 有关。这是 site 的网址.当您在 Ie9 和 IE 10 中看到钢琴日历时,第一次尝试时它显示正常。但是,当您上下滚动时,日期的边框会消失。如果我删除 z-index 那么它显示正常但我无法在日历上看到事件日期。如果你们能帮助我解决这个问题,我将非常感谢你们。我一直在努力修复它。

为了更清楚地说明,我附上了 2 张屏幕截图,一张是正确的,一张是在 IE9 和 IE10 中鼠标滚动后变形的。 enter image description here enter image description here

最佳答案

尽量不要使用z-index:-1;

header .header-calendar-block ul.event-calendar li.day span.day-bg - change z-index: 1;

header .header-calendar-block ul.event-calendar li.day .row-calendar-event-day, header .header-calendar-block ul.event-calendar li.day .day-has-event - add position: relative; z-index: 2;

header .header-calendar-block ul.event-calendar li.day span.day-off-bg - add z-index: 2;

也许这有帮助

关于css - IE9 和 IE10 有奇怪的 Z-index 问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19543197/

相关文章:

css - 在 IE8 中水平居中 div

css - 提供溢出值会隐藏嵌套的 sidenav

drop-down-menu - Nivo slider 覆盖了我的下拉菜单,它是 z-index 吗?

javascript - 集成 Moment JS 库时出现编码问题

html - IE 工具提示显示在链接文本下方

html - 正确的文本与绝对位置对齐

html - 显示页面的背景颜色并将文本居中对齐

reactjs - 如何在 IE9 中运行 ES6 React 应用程序而不会出现错误

html - Z-index 不适用于将父 DIV 与其中的 DIV 重叠

html - 元素开始窃听 float : left