swiper 在ios手机上点击会出现一闪一闪的情况，怎么解决？

eolike

swiper 在ios手机上点击会出现一闪一闪的情况，怎么解决？

a287440354

你有可能是图层原因   对应图层加上  z-index: 1;  注意图层分层

1. <div class="swiper-container">
   
2.     <div class="swiper-wrapper">
   
3.     <!-------------slide1----------------->
   
4.         <section class="swiper-slide">
   
5. 
   
6.         <img src="upload/s1-t2.png" class="ani resize" style="width:100px;height:110px;left:70px;top:185px;z-index:3;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  >
   
7.         <img src="upload/s1-t1.png" class="ani resize" style="width:60px;height:110px;left:220px;top:185px;z-index:3;" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  >
   
8.         <img src="upload/flower.png" class="ani resize" style="width:180px;height:220px;left:0;top:0;z-index:2;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"   >
   
9.         <img src="upload/s1.png"  class="ani resize" style="width:320px;height:200px;left:0px;top:140px;z-index:1;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  >
   
10.         
    
11.         </section>
    
12.      <!---------------slide2-------------->   
    
13.         <section class="swiper-slide">
    
14.         <img src="upload/s2-i5.png" class="ani resize" style="width:263px;height:177px;left:31px;top:262px;z-index:5; border-radius:20px;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >
    
15.       <img src="upload/s2-i4.png" class="ani resize" style="width:195px;height:163px;left:31px;top:48px;z-index:4;" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s"  >
    
16.         <img src="upload/s2-i3.png" class="ani resize" style="width:212px;height:186px;left:24px;top:36px;z-index:3;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  >
    
17.         <img src="upload/s2-i2.png" class="ani resize" style="width:64px;height:221px;left:237px;top:20px;z-index:2;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"   >
    
18.         <img src="upload/s2-i1.png"  class="ani resize" style="width:42px;height:192px;left:248px;top:27px;z-index:1;" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"  >
    
19.         
    
20.         </section>
    
21. </div>
    
22. </div>

复制代码

duanzhenyi

期待大神解决

laoshi

请问这个问题解决了吗? 怎么解决的?

houtrry

请问这个问题解决了吗? 怎么解决的?