2

我正在使用Canvas模板制作网站。我正在尝试将翻转卡中的元素与其他元素结合起来。特别是模态框和灯箱，但翻牌文字一直在起作用，这里有一些截图：

模态错误

导航栏错误

如您所见，翻转卡片文本不仅会干扰模式框，还会干扰导航栏。

我想我把它缩小到这个类：

.flip-card-inner {
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}

当我删除

-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);

重叠消失了，但是翻转卡被破坏了。

我怎样才能解决这个问题？

4

0 回答 0