Html Z索引不工作；can'；我不明白为什么。

我有一个测试环境，而z-index由于某种原因不适用于该网站。我试过位置：相对；在大多数元素上，但不确定它为什么不起作用

因为它是用可视化生成器制作的，所以DOM结构非常混乱

这是我们的网站

这是问题的一部分：

在卡片的部分：卡片不在橙色“溢出的墨水”背景的顶部，墨水悬浮在卡片上

知道它为什么不起作用吗

---

提前感谢。

您有一个div，它是卡的容器， 还有一个div，就是污渍的容器

如果要使用

z-index

确保卡片容器位于污渍容器上方，则需要指定它。使用

位置：相对/绝对/固定

仅激活z-index的功能，但默认设置为0

要解决这个问题，只需添加

z-index:1到卡容器。

不幸的是，您没有提供可编辑的演示；应该添加的div
z-index:1收件人是
.vc_row wpb_row.vc_row-fluid
，位于
#服务部分上方一个div

您也可以查看演示，希望它能最好地反映您的问题：


#圆圈{
/*这是必需的属性*/
z指数：1；
}
#圈{
宽度：200px；
高度：200px；
背景：白色；
盒影：0 5px20px rgba（0,0,0,0.1）；
边界半径：150px；
利润率：50像素；
位置：相对位置；
}
#方格{
宽度：200px；
高度：150像素；
背景#7db620；
顶部：200px；
位置：绝对位置；
z指数：0；
}
css中有一个固定的高度
.card-text.home p{
高度：180像素；
}

您必须将其更改为“最小高度”，并按如下所示设置长方体高度：

.card-text.home p{
最小高度：180px；
}
伊泰·加诺在上面写出了完美的答案。他详细地描述了这个问题，并用一个一般性的例子加以简化

我试着根据页面来源写下我的答案。按照以下说明操作，它应该适合您

放置在主题面板或子主题样式中的CSS代码。CSS:

.ultcarousel wrapper.slick滑块{z-index:1；}


清除缓存


再看一遍这一页



浏览器代码视图



浏览器前视图

把代码放在这里总是好的。你能显示z索引的代码吗？