以下是我一直在处理的网站：Comotional - test site
我正在使用“我们是谁”部分中的翻转卡，并且z-index存在问题。无论我尝试了哪种z-index和css组合（甚至在背面添加了额外的div），我都无法修复出现在其他卡片下方的翻转内容。如果将鼠标悬停在这些上面，您将看到会发生什么，并会看到问题发生的位置。无论如何通过js让这个工作？
答案 0 :(得分：0)
它受容器高度的限制，而不是z-index。将高度设置为auto并找到另一种设置网格的方法 - 也许在将高度设置到卡的正面时，可以制作类似行容器和清晰div的内容。
答案 1 :(得分：0)
我认为问题在于你有很多嵌套元素，所以更改嵌套元素的z-index不会使它们出现在堆栈的上方，除非你创建父容器的z-index大于阻止视图的其他父容器。
您可以使用hover事件来更改/增加鼠标输入时父容器的z-index和鼠标输出默认值