收藏
回答

IOS Swiper圆角不遮挡image

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 11.3 iPhone6Plus 6.6.6



Swiper组件设置了 border-radius,width,overflow之后 在开发工具和安卓手机上可以看到图片切换时有圆角遮挡,但是在ios系统上依然出现图片层级高于父容器的问题。


这张是模拟器中的效果 在两侧有圆角遮挡


这张是IOS上的效果 两侧被图片遮盖了


我想问一下 这个解决方法是什么

最后一次编辑于  2018-05-15
回答关注问题邀请回答
收藏

5 个回答

  • Ivy  姚艳梅
    Ivy 姚艳梅
    2019-01-23

    在swiper上加overflow:hidden 和transform: translateY(0),亲测有效

    2019-01-23
    有用 4
    回复 5
    • CHASE TIME
      CHASE TIME
      2019-08-06
      确实有效
      2019-08-06
      回复
    • YIEN
      YIEN
      2019-11-21
      太厉害了,你是怎么试出来的
      2019-11-21
      回复
    • RkCy
      RkCy
      2020-01-12
      这什么原理??  想不明白
      2020-01-12
      回复
    • Chor 
      Chor 
      2020-07-21
      很强
      2020-07-21
      回复
    • 吃柠檬🍋不说酸
      吃柠檬🍋不说酸
      2021-01-14
      都21年了 官方还没解决 还是我们自给自足吧
      2021-01-14
      1
      回复
  • 小靓
    小靓
    2019-01-02

    不行 + 1

    2019-01-02
    有用
    回复
  • 招财猫的小铃铛🔔
    招财猫的小铃铛🔔
    2018-11-19

    同问

    2018-11-19
    有用
    回复
  • 任桂萍
    任桂萍
    2018-06-08

    这个问题解决了吗

    2018-06-08
    有用
    回复 1
    • 2018-06-19

      没有

      2018-06-19
      回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-05-11

    麻烦提供一下出现问题的机型和微信版本,并且给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-05-11
    有用
    回复 8
    • 2018-05-12
      iphone6s / 6s Plus ios 11.3 微信版本 6.6.6 片段链接:wechatide://minicode/AKB1TkmR6rZW
      2018-05-12
      回复
    • 名字太短容易被记住
      名字太短容易被记住
      2018-05-24
      ​iphone7p ios 11.3.1 微信版本 6.6.7 也出现了这种情况,情况和楼主一样。
      2018-05-24
      回复
    • 泽亮杨
      泽亮杨
      2018-07-16

      同样的问题

      2018-07-16
      回复
    • 七七万
      七七万
      2018-08-27

      同问…被ui压迫到想要写自定义swiper了…

      2018-08-27
      回复
    • 2018-09-19

      这个问题解决了吗,同样遇见了

      2018-09-19
      回复
    查看更多(3)
登录 后发表内容