Css 如何为半透明项目中的内容设置z索引

我有一些半透明的项目块，我想在半透明的项目块后面显示内容。这是我的html代码：

.item{
宽度：100px；
高度：50px；
背景：rgba（1255,0,0.5）；
背景滤镜：模糊（15px）；
边框：1px实心#ccc；
位置：相对位置；
z指数：1；
}
.项目：在{
内容：''；
宽度：50px；
高度：50px；
位置：绝对位置；
顶部：25px；
右：-10px；
背景：红色；
z指数：-1；
}

1
2
三
4

一个简单的解决方法是，您可以设置半透明html元素的背景图像，如下所示：

.items{
  background-image: IMAGE_LINK
}

希望这有帮助