Css ：：psuedo元素未显示但已生成后？

我已经生成了一个psuedo元素，但它没有显示在网页中！ 但是如果我检查devtools，它是生成的！ 我的内容是空的，但即使我填充了内容，它仍然没有显示

.info li::after{
position: absolute;
content: "";
background: #000;
top: -110px;
left: 0;
right: 0;
z-index: 10000;
width: 100px;
height: 100px;
}

.info li{
color: white;
font-weight: bolder;
margin: 1rem auto;
width: 100%;
height: 2.4rem;
padding: .1rem;
overflow: hidden;
position: relative;
}

---

它工作得很好，但是在

元素中隐藏了溢出，这导致伪元素被溢出隐藏

删除li元素中的

溢出：隐藏
，您将看到它。

.info li:之后{
位置：绝对位置；
内容：“之后”；
背景：#000；
顶部：-110px；
左：0；
右：0；
z指数：10000；
宽度：100px；
高度：100px；
}
.info李{
颜色：白色；
字体大小：粗体；
保证金：1rem自动；
宽度：100%；
身高：2.4rem；
填充：.1rem；
溢出：可见；
位置：相对位置；
}
保险商实验室{
边缘顶部：120px；
}



BOOM thnx没有注意到