我有一个带有透明背景的iPad图像，这样刷屏图像就在里面了。

这里是密码本。

我遇到的问题是，当我将iPad映像放在滑动器-容器div之外时，它看起来很棒，但我无法再单击滑动器中的映像来移动/滑动它们。

   <div class="swiper-container image-slider">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="https://unsplash.it/300/400/?random" />
        </div>
        <div class="swiper-slide">
          <img src="https://unsplash.it/300/420/?random" />
        </div>
        <div class="swiper-slide">
          <img src="https://unsplash.it/300/410/?random" />
        </div>
      </div>
    </div>
    <img class="ipad-frame" src="https://www.dropbox.com/s/2ehll1khqxw7nxl/ipad_isolated_no_bg.png?raw=1" />
  </div>

当我将iPad映像放入swiper-containerdiv时，它的工作效果很好，但它不会像我需要的那样与映像重叠。雨刷容器收割它。

<div class="swiper-container image-slider">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="https://unsplash.it/300/400/?random" />
    </div>
    <div class="swiper-slide">
      <img src="https://unsplash.it/300/420/?random" />
    </div>
    <div class="swiper-slide">
      <img src="https://unsplash.it/300/410/?random" />
    </div>
  </div>
  <img class="ipad-frame" src="https://www.dropbox.com/s/2ehll1khqxw7nxl/ipad_isolated_no_bg.png?raw=1" />
</div>

有什么想法，如何包装图像滑块与iPad透明背景，同时仍然能够滑动图像？