html - 修复 IE8 中的 z-index 问题

Question

我正在创建一些 CSS，可以让我轻松创建类似“面包屑”的轨迹。这是一个正确渲染的提琴手。显然，我遇到了z-indexIE8 中的错误，但我使用此博客上列出的修复程序并不能修复它。我的结构有点不同，但所有修复都是在所有其他浏览器中创建 IE8 错误，哈哈。

谁能指出我正确的方向，让它在 IE8 中工作并让它在其他浏览器中工作？（< IE8 我不在乎）。

我已经将该z-index属性添加到锚点和父 li 元素，但没有任何区别，只是在其他浏览器中破坏了它。

更新 更新小提琴anwser

Answer 1

好吧，默认情况下，后面的项目将与之前的项目重叠：例如，在列表中，如果它们都绝对定位，则第二个项目将在第一个项目的“顶部”。

第二件事是，默认情况下:after将始终位于“顶部”（根据）z-index，:before因此设置和切换它们的自然位置是为您自己做额外的工作。z-index:before:after

因此，我认为您应该能够z-index通过将三角形不在面包屑项目的右侧而是在左侧来解决 IE8 中的问题：第二个项目的三角形为第一个项目创建箭头，第三个为第二个，以此类推。

只需在此更新的 jsFiddle 上的最后一项中添加一个:beforeand （如果您愿意），您应该一切顺利。jsFiddle 在 IE8 中对我来说加载不好，还有其他人可以检查吗？:afterul