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

真机调试毛玻璃失效？

我用了个自定义tabbar然后在上面写了个 backdrop-filter: blur(20px); IOS和Android都没效果

设备是iPhone 12 mini和Samsung tab s7

在开发工具上就正常显示

回答关注问题邀请回答
收藏

2 个回答

  • Cjiang
    Cjiang
    2022-04-20

    提供能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

    2022-04-20
    有用 1
    回复 5
    • PPP=3
      PPP=3
      2022-04-20
      https://developers.weixin.qq.com/s/DX5soFmw7Syw
      2022-04-20
      赞
      回复
    • PPP=3
      PPP=3
      2022-04-20
      自定义tabbar是来自小程序官方的 我只修改了一下css
      2022-04-20
      赞
      回复
    • Cjiang
      Cjiang
      2022-04-22回复PPP=3
      把 cover-view、cover-image 换成 view、image，然后 tabbar 加一下 z-index 确保在最上层就可以了：
      cover-view、cover-image 是原生组件，支持样式有限
      现在大部分原生组件都支持了同层，所以直接用 view、image + z-index 就好

      代码片段
      https://developers.weixin.qq.com/s/oaHptHmF79yW
      2022-04-22
      赞 1
      回复
    • PPP=3
      PPP=3
      2022-04-22回复Cjiang
      可以了！谢谢大佬！那啥希望官方的自定义tabbar代码更新一下吧xD
      2022-04-22
      赞
      回复
    • Cjiang
      Cjiang
      2022-04-22回复PPP=3
      反馈已收到
      2022-04-22
      赞 1
      回复
  • PPP=3
    PPP=3
    2022-04-20

    后面加了个-webkit-backdrop-filter: blur(20px); iOS依旧没有效果

    2022-04-20
    有用
    回复 1
    • 탈출
      탈출
      2023-08-23
      我也是，有解决吗？
      2023-08-23
      赞
      回复
请 登录 后发表内容
相关问题
相关文档