Question

I am making a website and I am having a problem.

I am using this code: https://jsfiddle.net/3caq0L8u/

点击Bootstrap flip div

点击按钮时翻转div。

将翻转div的按钮位于卡的“前”和“后”。我的问题是它在桌面上工作正常，但没有按钮或

<a href>

是可点击的。当我试图点击它们时没有任何反应。

我觉得这与css有关，但我无法弄清楚是什么

.flip {
  -webkit-perspective: 800;
  perspective: 800;
  position: relative;
  text-align: center;
}
.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
  transform: rotatey(-180deg);
}
.flip .card {
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.flip .card .face {
  -webkit-backface-visibility: hidden ;
  backface-visibility: hidden ;
  z-index: 2;
}
.flip .card .front {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.flip .card .back {
  -webkit-transform: rotatey(-180deg);
  transform: rotatey(-180deg);
}
.inner{margin:0px !important;}

有没有人有任何想法会导致什么？

谢谢！

Answer 1

您的页脚调整大小并覆盖移动设备上的大部分屏幕。添加到您的CSS：

footer {
   clear:both
}

这确保它位于主要内容之后。

点击<a href=""> does not work on mobile

1 个答案: