小程序开发
developers

小程序开发解答

搜索热词： 　微信支付 　审核不过

[已解决]ios12 css蒙版照片无法显示

时间：2019-05-04 来源：小程序工厂

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

    - 在图片上放一个异形黑色透明图片作为蒙版，下方图片只能按照黑色异形透明区域显示，方案就是在标签加样式：
    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可以显示。
    - 预期表现



    - 复现路径


    - 提供一个最简复现 Demo


    微信小程序开发问题解答


    微信小程序开发者回答：


    同问这个问题~~ 经测试 发现css画的渐变mask是可以的 就是用图片就失效了

    微信小程序开发者回答：


    解决了吗？

    微信小程序开发者回答：


    你好，请问iOS12显示的是怎样的？试试去掉-webkit-前缀呢

    微信小程序开发者回答：


    ios11.4和ios12都出现问题，就是不显示图片了，是空白，去掉-webkit-前缀蒙版不显示了，也就是黑色图片不显示了，黑色下面的图片显示出来了。

    微信小程序开发者回答：


    麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

    微信小程序开发者回答：


    代码片段：wechatide://minicode/FphP55mK7qpe

    微信小程序开发者回答：


    有解决办法吗


    本文网址：http://www.91bianli.com/weixinxiaochengxu/50187.html


    上一篇：navigationStyle设置custom安卓手机video全屏不显示问题
    下一篇：android 画图有问题
相关文章

售前咨询热线

0531-86088957

微信：seoceo

关注微信

Copyright © 2019 微信小程序开发 www.xcxgc.com All Rights Reserved 小程序工厂