투명 이미지를 스 와이프에 오버레이하고 어떻게 스 와이프 할 수 있습니까?

Question

투명한 이미지가있는 투명한 배경을 가진 iPad 이미지가 있습니다.

코데 펜 here.

난 데 문제는 내가 swiper-container 사업부의 외부 아이 패드 이미지 이있을 때, 그것은 큰 보이는 것입니다,하지만 난 더 이상 슬쩍/이동 swiper의 이미지를 클릭 할 수 있습니다 ..

내가 안에 그것을 아이 패드 이미지 를 넣을 때

<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> 

는 swiper-container는 잘 작동 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> 
    <img class="ipad-frame" src="https://www.dropbox.com/s/2ehll1khqxw7nxl/ipad_isolated_no_bg.png?raw=1" /> 
</div> 

여전히 이미지를 슬쩍 할 수있는 동안 아이 패드 투명 배경이있는 image-slider을 포장하는 방법에 어떤 아이디어?

Answer 1

이미지를