修复IE8中的z-index问题

时间:2013-10-18 16:47:36

标签: html css internet-explorer-8

我正在创建一些CSS,这将允许我轻松创建一个“面包屑”般的路径。 Here是一个正确渲染的小提琴手。显然,我在IE8中遇到z-index错误的问题,但我使用此blog上列出的修复程序并没有解决它。我的结构有点不同,但所有修复工作都是在所有其他浏览器中创建IE8错误。

有人能指出我在IE8中使用它并使其在其他浏览器中工作的正确方向吗? (< IE8我不在乎)。

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

更新 更新了fiddle anwser

1 个答案:

答案 0 :(得分:1)

嗯,之后的项目将默认与之前的项目重叠:例如,在列表中,第二项将在“第一项”之上,如果它们都是绝对定位的。

第二件事是,:after默认情况下始终位于“z-index} :before之上”,因此在{{z-index上设置:before 1}}和:after切换他们的自然位置为自己做了额外的工作。

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

只需向:before添加:afterul即可获得最后一项on this updated jsFiddle(如果您愿意),您应该好好去。在IE8中,jsFiddle不能很好地加载,是否有其他人能够检查?