Html 不工作前的CSS

我只是在建立网站，一切都很好，但当我尝试在某个元素上应用：在伪元素之前或之后，所以小泡泡应该在大泡泡的后面，它不知怎么地不起作用，也不知道为什么

.bubble{
位置：相对位置；
显示：表格单元格；
垂直对齐：中间对齐；
宽度：135px；
高度：135px；
背景色：#666；
-webkit边界半径：75px；
-moz边界半径：75px；
-o-边界半径：75px；
-ms边界半径：75px；
边界半径：75px；
-moz盒阴影：050px0rgba（236,3,91,0.20）；
-网络工具包盒阴影：0 50像素0 rgba（236,3,91,0.20）；
盒影：0.50px 0 rgba（236,3,91,0.20）；
z指数：10；
}
布莱克：以前{
排名：0；
左：0；
内容：“；
位置：绝对位置；
宽度：80px；
高度：80px；
背景色：#000；
-webkit边界半径：75px；
-moz边界半径：75px；
-o-边界半径：75px；
-ms边界半径：75px；
边界半径：75px；
-moz盒阴影：050px0rgba（236,3,91,0.20）；
-网络工具包盒阴影：0 50像素0 rgba（236,3,91,0.20）；
盒影：0.50px 0 rgba（236,3,91,0.20）；
z指数：1；
}

---

您可以从父元素中删除

z-index

，并在伪元素上使用

z-index:-1

.bubble{
位置：相对位置；
宽度：135px；
高度：135px；
背景色：#666；
边界半径：75px；
盒影：0.50px 0 rgba（236,3,91,0.20）；
}
布莱克：以前{
排名：0；
左：0；
内容：“；
位置：绝对位置；
宽度：80px；
高度：80px；
背景色：#000；
边界半径：75px；
盒影：0.50px 0 rgba（236,3,91,0.20）；
z指数：-1；
}

---

工作正常..任何特定浏览器？？