使用css和伪元素定位同级

我试图写一个简单的步骤形式脚本，我希望能够使用自定义标题的工具提示。我创建了一个名为data title的属性来完成这一任务，并在创建工具提示后使用伪元素：：。我遇到的问题是，工具提示显示在列表中的下一个同级后面，而不是顶部。为我的JS小提琴干杯，代码如下：

福

酒吧

东西

foo 2.0

更多

---

请记住，我正在努力使这个尽可能简单和轻的重量。谢谢

您需要避免创建堆叠上下文的li元素。避免对它们设置数字z索引，而是将其设置为“自动”

.step-form li{
float: left;
    margin:0 5px;
    text-align: center;
    position: relative;
    z-index: auto;   // change this
}

---

太棒了！谢谢你的帮助。

.step-form li{
float: left;
    margin:0 5px;
    text-align: center;
    position: relative;
    z-index: auto;   // change this
}