我正在创建一些CSS,这将允许我轻松创建一个“面包屑”般的路径。 Here是一个正确渲染的小提琴手。显然,我在IE8中遇到z-index
错误的问题,但我使用此blog上列出的修复程序并没有解决它。我的结构有点不同,但所有修复工作都是在所有其他浏览器中创建IE8错误。
有人能指出我在IE8中使用它并使其在其他浏览器中工作的正确方向吗? (< IE8我不在乎)。
我已经将z-index
属性添加到了锚点和父级li元素中,但它没有区别,只是在其他浏览器中打破了它。
更新 更新了fiddle anwser
答案 0 :(得分:1)
嗯,之后的项目将默认与之前的项目重叠:例如,在列表中,第二项将在“第一项”之上,如果它们都是绝对定位的。
第二件事是,:after
默认情况下始终位于“z-index
} :before
之上”,因此在{{z-index
上设置:before
1}}和:after
切换他们的自然位置为自己做了额外的工作。
因此,我认为您应该能够通过将三角形放在面包屑项目的右侧,而不是在左侧来解决IE8中的z-index
问题:第二项的三角形创建箭头对于第一个项目,第三个是第二个,依此类推。
只需向:before
添加:after
和ul
即可获得最后一项on this updated jsFiddle(如果您愿意),您应该好好去。在IE8中,jsFiddle不能很好地加载,是否有其他人能够检查?