我正在创建一些 CSS,可以让我轻松创建类似“面包屑”的轨迹。这是一个正确渲染的提琴手。显然,我遇到了z-index
IE8 中的错误,但我使用此博客上列出的修复程序并不能修复它。我的结构有点不同,但所有修复都是在所有其他浏览器中创建 IE8 错误,哈哈。
谁能指出我正确的方向,让它在 IE8 中工作并让它在其他浏览器中工作?(< IE8 我不在乎)。
我已经将该z-index
属性添加到锚点和父 li 元素,但没有任何区别,只是在其他浏览器中破坏了它。
更新 更新小提琴anwser
好吧,默认情况下,后面的项目将与之前的项目重叠:例如,在列表中,如果它们都绝对定位,则第二个项目将在第一个项目的“顶部”。
第二件事是,默认情况下:after
将始终位于“顶部”(根据)z-index
,:before
因此设置和切换它们的自然位置是为您自己做额外的工作。z-index
:before
:after
因此,我认为您应该能够z-index
通过将三角形不在面包屑项目的右侧而是在左侧来解决 IE8 中的问题:第二个项目的三角形为第一个项目创建箭头,第三个为第二个,以此类推。
只需在此更新的 jsFiddle 上的最后一项中添加一个:before
and (如果您愿意),您应该一切顺利。jsFiddle 在 IE8 中对我来说加载不好,还有其他人可以检查吗?:after
ul