公告列表
公告列表
收藏
回答

overflow: hidden 失效

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


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


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


正常如下：


真机：


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

4 个回答

  • 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
      赞
      回复
  • 李进海
    李进海
    发表于移动端
    2021-09-10
    到底是谁
    2021-09-10
    有用
    回复
  • 是小白啊
    是小白啊
    2018-10-30

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

    2018-10-30
    有用
    回复 5
    • 2018-10-30

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

      2018-10-30
      赞
      回复
    • 是小白啊
      是小白啊
      2018-10-30回复

      加上样式试试

      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
      赞
      回复
  • 小样
    小样
    2018-10-30

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


    2018-10-30
    有用
    回复 3
    • 2018-10-30

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

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

      2018-10-30
      赞
      回复
    • 小样
      小样
      2018-10-30回复


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

      2018-10-30
      赞
      回复
    • 2018-10-30回复小样

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

      2018-10-30
      赞
      回复
请 登录 后发表内容
相关问题
相关文档