CSS Z-index被ngx-swiper（Angular）破坏

Question

我正在使用ng-swiper，以便在手机视图中滑动。我有一个弹出窗口，它具有z-index属性及其内部的swiper标签。但是滑动标记会干扰其z-index属性。我为此分享了stackblitz链接

。stackblitz link

如果我在div下使用相同的弹出代码而没有swiper标签，则弹出wokrs的z-index很好

这是我想要的结果的图像（不干扰x轴流）