Question

上面是示例应用程序的链接，我试图显示滑动器内部的弹出窗口，因此我使用了overflow：visible，但它会干扰滑动器幻灯片。请让我知道我该如何解决

共有三张幻灯片，我一次显示一张幻灯片，出来三张，其中一张幻灯片有一个弹出链接，单击该链接将打开弹出窗口，但是由于该弹出链接位于滑动器内部，因此隐藏在划水师溢出：可见，可为我正常显示弹出链接，但开始显示两张幻灯片

  .swiper.activeIndex{
    overflow: visible !important;
  }

以上代码导致其他幻灯片出现问题

Answer 1

由于您添加了swiper类visible！重要的是显示了隐藏的div，因此请删除该代码，并使用transform：translate移动工具提示

.popup .show {
    visibility: visible !important;
    -webkit-animation: fadeIn 1s;
    transform: translate(10px,4px);
    animation: fadeIn 1s;
}