Javascript CSS3过渡z指数

以下是我一直在开发的网站：

---

我正在使用“我们是谁”部分中的翻转卡片，并且在z索引方面有问题。无论我尝试了哪个z-index和css组合（甚至在背面添加了额外的div），我都无法修复出现在其他卡片下面的翻转内容。如果您将鼠标悬停在这些位置上，您将看到发生了什么，并将看到问题发生在哪里。有没有办法通过js实现这一点？

它受到容器高度的限制，而不是z索引。自动设置高度，并找到另一种设置网格的方法-可能在设置卡片正面高度时，制作类似于行容器和清晰div的东西。

我认为问题在于您有很多嵌套元素，因此更改嵌套元素的

z-index

不会使它们出现在屏幕上方堆叠，直到父容器的

z-index

大于阻止视图的其他父容器

您可以使用

悬停

事件更改/增加鼠标入时父容器的

z索引

，鼠标出时默认值

---

不可能更改网站的脚本，因此您应该创建一个类似于

我们是谁的小提琴，以便其他人能够测试和调试脚本code@UDB这是CSS，使用DevTools。。。