我正在开发一个实现多步进度条的应用程序（请参阅示例here）。它是使用sass / scss作为Angular5组件实现的。
除了将组件作为列模板插入Kendo网格之外，进度条在任何地方都很有效。由于进度条依赖z-index对于步骤之间的行设置为-1，因此进度条的这一部分隐藏在Kendo网格后面。
如果仅使用正z-index，如何实现相同的进度条。
我尝试将z-index: -1更改为1并将z-index:2添加到scss的其他部分但我没有成功隐藏:: before和:: after两个步骤之间的界限。更改Kendo网格上的z-index不是一个选项，因为它会破坏网格的功能。 （此外，剑道建议反对它，见here）
答案 0 :(得分：2)
根据给定的示例，z-index: -1;应用于li::after伪元素，您可以将其增加到更高的值（例如2）。
现在，您需要将z-index伪元素的li::before增加到更高的值（例如3）。
最后，您需要设置position: relative;，因为z-index不适用于静态元素。
更新了示例here