收藏
回答

ios12 css蒙版照片无法显示

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS ios12 apple7plus,appleX 6.6.7

在图片上放一个异形黑色透明图片作为蒙版,下方图片只能按照黑色异形透明区域显示,方案就是在<image>标签加样式:

<image

src='{{page.image_url}}'

mode='aspectFill'

wx:if="{{page.image_key != null}}"

style="width:{{page.width}}rpx;height:{{page.height}}rpx;-webkit-mask-image:url('{{page.mask_image}}');-webkit-mask-size: {{page.mask_width}}rpx {{page.mask_height}}rpx;margin-left:{{page.margin_left}}rpx;margin-top:{{page.margin_top}}rpx;position:absolute;z-index:900;"

/>

-webkit-mask-image:url 是黑色蒙版的照片地址,在安卓手机上可以正常显示,但是在苹果ios12上不显示,ios11可以显示。

- 预期表现


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

2 个回答

  • 闫芝南
    闫芝南
    2018-10-10

    楼主,问题解决了嘛

    2018-10-10
    赞同
    回复
  • killian
    killian
    2018-10-11

    没有解决

    2018-10-11
    赞同
    回复