Css 如何将z-index应用于伪元素

当我调整大小时它是什么样子的

我曾尝试应用z指数，但不起作用

https://

JSFIDLE

.net

/伊鲁格/

jnqeLoc8

/十,/

---

抱歉，我试图编写链接，但无法单独复制。

如果没有任何代码，很难回答此问题，但根据您的屏幕截图，尝试在伪元素样式块中添加白色背景色（

#fff

）

---

如果您可以在或上创建演示，那么您将得到更好的答案。

我认为您需要将overflow:hidden设置为行不确定。请提供Fiddle示例以便更好地理解提供一些代码请我将链接粘贴到JSFIDLE请检查。我已将链接粘贴到JSFIDLE请检查。在

.navActive1

和

.nav2

上添加白色背景色，然后将其放在主容器上，而不是在每个步骤上都有一个伪元素，类似于：

.conNav:：在{content:”；宽度：100%；高度：5px；背景色：浅灰色；位置：绝对；顶部：25px；z索引：-1；变换：translateZ（-1px）；}

您可能需要调整容器的宽度。但是，当我单击圆圈时，圆圈必须更改颜色和大小，而圆圈旁边的线条必须更改为红色