收藏
回答

CSS filter滤镜与预期不符

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug css filter 客户端 7.0.4 2.7.0

- 当前 Bug 的表现(可附上截图)

在使用CSS的filter:drop-shadow()时,开发者工具预览正常,真机预览出现花屏、样式丢失、渲染不全等现象。





- 预期表现


- 复现路径


- 提供一个最简复现 Demo

随意创建一个view,设置宽高,添加样式

filter: drop-shadow(0px 0 12px rgba(0, 0, 0, 0.1));

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

1 个回答

  • 灵芝
    灵芝
    2019-05-23

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-05-23
    有用
    回复 8
    • 2019-05-23

      iphone X,IOS 12.3,微信版本号7.0.4

      2019-05-23
      回复
    • 灵芝
      灵芝
      2019-05-24回复

      没有复现问题哦,这里做一下兼容试试

      filter: drop-shadow(0px 0 12px rgba(0, 0, 0, 0.1));

      -webkit-filter: drop-shadow(0px 0 12px rgba(0, 0, 0, 0.1));


      2019-05-24
      回复
    • 2019-05-24回复灵芝

      兼容做了,我用的taro开发的,原生测试好像没问题,应该是taro的问题

      2019-05-24
      回复
    • 2019-05-24

      感谢微信团队这么快能给我回复。谢谢。

      2019-05-24
      回复
    • 2019-05-24

      iphone X,IOS 12.3,微信版本号7.0.4。真机调试,等待4-5S后切换页面,滚动复现。切换页面时,会复现:



      片段:

      https://developers.weixin.qq.com/s/UkKWCBm97t8R


      2019-05-24
      回复
    查看更多(3)
登录 后发表内容