eolike 发表于 2016-8-5 10:51:59

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

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

houtrry 发表于 2017-4-6 14:58:44

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

laoshi 发表于 2017-4-19 18:49:30


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

duanzhenyi 发表于 2017-8-26 17:02:34

期待大神解决:)

a287440354 发表于 2017-9-13 15:37:41

本帖最后由 a287440354 于 2017-9-13 15:43 编辑

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

      <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">
      <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">
      <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"   >
      <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">
      
      </section>
   <!---------------slide2-------------->   
      <section class="swiper-slide">
      <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">
      <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">
      <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">
      <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"   >
      <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">
      
      </section>
</div>
</div>
页: [1]
查看完整版本: swiper 在ios手机上点击会出现一闪一闪的情况,怎么解决?