收藏
回答

overflow: hidden 失效

父元素设置圆角并设置了overflow: hidden;当子元素设置transform时 超出部分在真机上会闪烁出现。


开发者工具上是正常的,真机在 小米8SE 、 iPhone X 、 iPhone 8 上测试都有问题。


代码片段:https://developers.weixin.qq.com/s/00UFXxme7W3j


正常如下:


真机:


最后一次编辑于  2018-10-30  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 是柿子啊
    是柿子啊
    2018-10-30

    ,代码片段无法测试,重新提供一下

    2018-10-30
    赞同
    回复 5
    • Joe
      Joe
      2018-10-30

      代码片段:https://developers.weixin.qq.com/s/00UFXxme7W3j

      2018-10-30
      回复
    • 是柿子啊
      是柿子啊
      2018-10-30回复Joe

      加上样式试试

      2018-10-30
      1
      回复
    • 马庆杰
      马庆杰
      2018-10-31回复是柿子啊

      你好,我这边出现同样的问题,在开发者工具中over-flow:hidden有效,在真机上无效,加了!important也还是一样,有其他的解决办法吗?

      2018-10-31
      回复
    • 是柿子啊
      是柿子啊
      2018-10-31回复马庆杰

      单独发帖并提供代码片段,会有同学去处理的

      2018-10-31
      回复
    • 马庆杰
      马庆杰
      2018-10-31回复是柿子啊

      好的谢谢

      2018-10-31
      回复
  • Joe
    Joe
    2018-10-30

    使用 https://developers.weixin.qq.com/community/develop/doc/000ce0ce6bcb80c6465765fdd5bc00?highLine=overflow%2520 提供的方法,在父元素设置 z-index:999 解决。

    2018-10-30
    赞同 1
    回复 1
    • Executed
      Executed
      2018-11-21

      这个可以解决


      2018-11-21
      回复
  • 小样🍀
    小样🍀
    2018-10-30

    我怎么打不开你的代码片段


    2018-10-30
    赞同
    回复 3
    • Joe
      Joe
      2018-10-30

      刚才那个没测试,下面这个测试过了,可以打开。

      代码片段:https://developers.weixin.qq.com/s/00UFXxme7W3j

      2018-10-30
      回复
    • 小样🍀
      小样🍀
      2018-10-30回复Joe


      没毛病啊,老哥,你再试试

      2018-10-30
      回复
    • Joe
      Joe
      2018-10-30回复小样🍀

      你是真机测试吗,真机有问题,开发者工具是正常的

      2018-10-30
      回复