Swiper中文论坛

标题: swiper 在ios手机上点击会出现一闪一闪的情况，怎么解决？ [打印本页]
作者: eolike    时间: 2016-8-5 10:51
标题: swiper 在ios手机上点击会出现一闪一闪的情况，怎么解决？
swiper 在ios手机上点击会出现一闪一闪的情况，怎么解决？
作者: houtrry    时间: 2017-4-6 14:58
请问这个问题解决了吗? 怎么解决的?
作者: laoshi    时间: 2017-4-19 18:49

请问这个问题解决了吗? 怎么解决的?
作者: duanzhenyi    时间: 2017-8-26 17:02
期待大神解决
作者: a287440354    时间: 2017-9-13 15:37
本帖最后由 a287440354 于 2017-9-13 15:43 编辑

你有可能是图层原因   对应图层加上  z-index: 1;  注意图层分层
  1. <div class="swiper-container">
  2.     <div class="swiper-wrapper">
  3.     <!-------------slide1----------------->
  4.         <section class="swiper-slide">

  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>
复制代码





欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2