收藏
回答

iOS 下 wxss 中 filter: blur(10px) 存在渲染残留

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug view 微信iOS客户端 7.0.5 2.8.0

上方视频是在最新taro框架下进行view组件触摸后样式切换后,背景模糊下会有hover-class样式的渲染残留,并且重新绘制后无法清除,代码如下:

<view   style="{{windowShow ? 'filter: blur(10px);':''}}"
            hover-class="view_hover"
            hover-stop-propagation="{{true}}"
            hover-start-time="{{40}}"
            class="view-button"
            bind:tap="optionsButton" >侧边</view>


在代码片段环境进行了同样样式切换,依旧会导致渲染残留


最后一次编辑于  08-16  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  •  荔枝
     荔枝
    08-19

    @官方 这个问题该如何解决?

    08-19
    赞同
    回复
  • Maverick
    Maverick
    08-22

    给使用filter的元素添加样式transform translateZ(0)

    08-22
    赞同
    回复 3
    •  荔枝
       荔枝
      08-22
      你好,我在代码片段中添加了 translateZ(0) 属性依旧会产生渲染残留,您测试的代码能否贴出来,我参考一下
      08-22
      回复
    • Maverick
      Maverick
      08-22回复 荔枝

      我这没复现,渲染问题一般强制GPU渲染能解决,没用的话你给它的父元素添加试试。

      08-22
      回复
    •  荔枝
       荔枝
      08-22回复Maverick
      非常感谢,在父元素上添加可以成功
      08-22
      回复
问题标签