0

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

谁能指出我正确的方向,让它在 IE8 中工作并让它在其他浏览器中工作?(< IE8 我不在乎)。

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

更新 更新小提琴anwser

4

1 回答 1

1

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

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

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

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

于 2013-10-18T17:32:53.663 回答