3688关注10611浏览

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

- 预期表现

- 复现路径

- 提供一个最简复现 Demo

展开全部

收起

3回答

新浪微博

微信

关注问题我来回答

即速问答小程序开发

小程序在iOS12 css蒙版照片无法显示

提交回答

至过去的我

2044人对此回答表示赞同

我是未来的你，你现在是不是在年找寻小程序答案。你不要感觉诧异，给你来信原因，就是让你不在后悔。今天去学习如何推广小程序，相信......点击查看更多>

展开

2024

2024回复

分享

QQ

新浪微博

微信

发布于年
收起
AMELIA美少女

15人对此回答表示赞同

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

展开

15

0回复

分享

QQ

新浪微博

微信

发布于 5年前
收起
评论（0）

收起评论
Ryder

5人对此回答表示赞同

麻烦给个相关的代码片段，我们定位下问题

展开

5

2回复

分享

QQ

新浪微博

微信

发布于 5年前
收起
评论（2）

收起评论
- JeniferJJJ 2019-01-18 16:22
  
  有解决办法吗
  
  回复
- 少年残像 2019-01-20 08:12
  
  代码片段：wechatide://minicode/FphP55mK7qpe
  
  回复
安娜女王

1人对此回答表示赞同

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

展开

1

1回复

分享

QQ

新浪微博

微信

发布于 5年前
收起
评论（1）

收起评论
- 象牙_Sanya 2019-01-16 17:39
  
  ios11.4和ios12都出现问题，就是不显示图片了，是空白，去掉-webkit-前缀蒙版不显示了，也就是黑色图片不显示了，黑色下面的图片显示出来了。
  
  回复

相关问题

如何在微信小程序里面添加游戏微信多参数二维码怎么生成？微信公众号参数二维码生成器使用？公众号生成微信渠道二维码的方法？微信公众号带参数二维码的使用？微信订阅号渠道推广带参数二维码如何生成和统计呢？

热门问题

什么是渠道二维码?有什么用途? 什么时候微信公众号推送消息最合适?记住这三个时间段微信公众平台二维码怎么生成如何快速实现公众号群发模板消息腾龙国际在线13208839355 的鬼地方个地方个1111 走进微信公众号实现关注之后推送一条服务器自定义的消息给用户

小程序功能

已有的公众号文章怎么发送到小程序用即速应用做的小程序，怎么内嵌到微信公众平台菜单栏？有没有类似有赞微店商城的无需囤货的货源？抖音小程序什么时候上线? 小程序为什么那么多人都在做？你是不是傻子

小程序吐槽

现在小程序正是企业浪潮的风口。做什么类型的小程序表较好呢？有什么类似龙虾游戏资讯的小游戏推荐公众号吗？有哪些小众的、有趣的、值得推荐的小程序？小程序代理可以做吗？你觉得小程序以后的发展怎么样？抖音小程序什么时候会正式开放？

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

安卓自动关机小程序安卓有微信小程序么安卓小程序图片不显示按键控制小灯亮灭程序安卓有微信小程序吗奥德赛小里程序怎么调安卓用户微信小程序奥森字体引入小程序安卓怎么装微信小程序案桌手机找不到小程序安卓模拟器可以玩微信小程序吗按钮展开微信小程序按规律排序微信小程序安卓模拟器挂小程序安卓模拟器运营微信小程序案源宝小程序

编写一个点击确认弹出警告的小程序布客小程序不用关键词怎么搜到小程序不要网的微信小程序不要微信小程序怎么办不要再错过微信小程序耙货小程序可靠吗步进电机驱动小程序布局小程序版式不允许小程序被转发不占内存的小程序不要用小程序不需要开发小程序不重复抽签小程序部落小程序不用服务器微信小程序

c#微信小程序登录的后端代码餐饮小程序需要icp c#表白小程序长治微信小程序经销商 c++有趣的小程序长治微信小程序提供商长治小程序 C++有趣问题小程序 c#实现的有趣小程序功能长沙小睡眠小程序茶叶小程序推广 C#写浪漫的小程序传图识字小程序有问题没长汀论坛网小程序 c趣味小程序长治小程序开发

调研小程序多种小程序开发多种小程序的二维码打卡小程序如何显示位置调试小程序二维码第三方小程序业务域名有什么用调试模式已禁用小程序地图小程序缩小和放大分不清楚调试附近小程序钉钉小程序开发要学什么语言夺冠小程序如何调节小程序速度动画头像哪个小程序 dedecms小程序接口多种订餐小程序调查小程序

二维码小程序码参数二维码小程序码二维码访问微信小程序二手交易的小程序二维码点菜小程序二手车小程序系统二维火小程序二维码名片小程序二手商品微信小程序 ecshop小京东小程序二维火微信小程序二套报道小程序二维码菜单小程序二维码识别小程序二手房小程序二维码单页小程序

复制别人微信小程序的内容复用小程序不能支付附近在小程序如何展示店铺页面复用资质创建小程序的限制附近怎么展示小程序富途牛牛股票小程序复用小程序流程附近小区小程序复制后成比例缩小的程序阜阳微信小程序附近小程序找不到我的富途牛牛小程序阜阳市小程序飞猫云绑定微信小程序附近找不到我的小程序服务号不认证能通过门店小程序吗

果6手机怎么给微信小程序加密公众号门店小程序审核不过国外微信小程序 getdata小程序国外开发微信小程序工单小程序过省教育考试院官微小程序 get方式的小程序怎么写果木云小程序系统开发国外小程序的研究情况过审的小程序可以需要提交发布么过生日小程序果蔬公众号小程序 getData()小程序国外小程序开发过年贺卡小程序

获取小程序用户option 获取小程序宽高好玩的c++小程序获取小程序二维码返回获取小程序页面链接后端返回的图片显示在微信小程序获取小程序密匙获取微信小程序头像和昵称获取小程序密钥霍兰德职业兴趣测试小程序获取小程序当前程序路径获取小程序路径获取小程序码错误获取验证码后倒计时小程序海盗来了小程序刘海屏挡住金币海盗来了微信小程序助力

iphone怎么返回小程序 ios小程序后台 isunread小程序 ipod微信有小程序吗 i麦当劳小程序领汉堡包 igxe小程序 i麦当劳小程序点餐机 i麦当劳小程序领汉堡是真的吗 i麦当劳小程序领取汉堡 it120小程序 ICP微信小程序 i麦当劳小程序天津 it小白可以自行搭建小程序吗 ipod微信小程序 iso系统微信小程序 i微信小程序怎么

javaapplet小程序用代码关闭军武次位面小程序安装鲸打卡小程序如何补打卡小程序九月小程序斗地主74关军服小程序计蒜课怎么运行java小程序禁止孩子使用微信小程序绝地求生游客客小程序金手指修改小程序游戏绝地求生大逃杀小程序绝地求生最新免费小程序绝地求生练枪小程序即速小程序数据管理测试绝地求生吃鸡小程序126 揺奖小程序免费下载军人资历章排列小程序

扩展微信小程序列表排序扩大基础计算小程序匡威微信小程序怎么进去快站有没小程序昆明小程序推广昆明小程序开发兼职昆山小程序匡威中国微信小程序昆明小程序吧框架结构计算小程序昆明商城小程序多少钱匡威中国官方小程序快准保小程序昆明小程序云南企云集昆山小程序发布骗觉昆明小程序诈骗

律媒科技小程序旅游小程序图片律师事务小程序旅游业如何用小程序拓展业务旅游小程序名称旅游业小程序律师微信小程序绿骆驼小程序律师用小程序吗旅游小程序推荐绿化大师施工小程序30 律师小程序哪个好绿色圣诞帽小程序律师小程序价格绿岛风销售管理小程序率土之滨小程序

美团外卖小程序怎么修改电话美团小程序换手机号每天问答小程序22关门店小程序优惠券设置后台麦当劳小程序自助可以退款吗美团小程序怎么更换账户美团外卖解除微信小程序绑定慕课微信小程序门店小程序一直审核中麦当劳小程序显示参数错误 mui小程序能不能用麦当劳小程序怎么申请退款膜拜用微信小程序乱扣钱慕课网小程序bt 美团APP登陆美团小程序账号慕课小程序百度云

女王的新款微信小程序挪车小程序哪个好农历日历小程序能写微信小程序的平板农庄小程序挪车吧小程序女王最新款微信小程序女程序员超小比基尼能不能判断是否从小程序打开能显示节假日的桌面日历小程序南方cassfas小程序女人游小程序是什么农庄微信公众号小程序诺基亚微信小程序商城女孩子小程序弄个小程序商城怎么样

oppo小程序字体大小 o盟小程序欧亚小程序 oppo手机跳一跳小程序 oppo手机微信小程序 oppor9s的小程序 oppo手机的天气小程序 oppoR9s手机的小程序 oppo小程序怎么弄 ota平台抢推微信小程序 oppor9s音乐小程序 oppo界面小程序 oppr9s的小程序怎么弄 oppo手机的时间小程序 oppo手机窗口小程序 oppo小程序怎么找

拼多多微信小程序不用密码就扣费浦发小程序签满苹果手机微信小程序快速返回苹果6自动打开各种小程序浦发银行信用卡小程序 php微信小程序提现浦江小程序开发普通小程序域名选哪种 python微信小程序机器人浦发信用卡小程序浦发小程序签到没了啊浦发小程序系统开小差浦发小程序怎么签到浦江小程序普通小程序入门介绍浦江小程序开发公司

群相册服务小程序求海盗来了微信小程序群群玩小程序位置共享群应用小程序有什么用 q微信小程序斗地主74关群小助手小程序群玩助手小程序安全吗群微信小程序群玩助手小程序群赞小程序群统计小程序长按没有反应群玩小程序怎么用群聊天小程序怎么删除群微信小程序怎么用 qt自定义信号槽小程序函数群应用小程序

若比邻超市小程序码蕊希小程序软件测试计算器小程序软件测试小程序测试如何将微信群里的聊天小程序删除入驻小程序有费用吗? 让女朋友说出我是猪的小程序入驻小程序要19900元软银科技小程序如何把小程序里的文件传到电脑里软捷科技微信小程序软件销售微信小程序招聘软件工程设计小程序入驻小程序需要费用吗入驻微信小程序的商家如何禁止孩子微信小程序游戏

索尼z2小应用程序索尼x小应用程序所有小程序之间的跳转 safari小程序索桥悬链线计算小程序锁屏界面小程序索尼z5的小程序怎么找深圳通+小程序的营销技巧数字转化为字符串小程序索尼安卓7小应用程序数字转字符串小程序神配图小程序功能的实现索尼小程序手电筒宿州小程序招聘索尼xz1小程序索尼xzp小程序

拖拽控件开发微信小程序推荐一个微信读书的小程序托克托小程序推箱子11关小程序拖拽式小程序 title:e.detail.value小程序兔展模板嵌套到小程序拓客软件小程序开发推送里怎么放小程序 textarea光标位置小程序脱壳小程序练手推文如何链接小程序拖拽式小程序平台推特视频保存小程序腾讯小程序象棋92关怎么破图解拓茂小程序

undefined微信小程序 util小程序 ug程序可不可以缩小 ueditor转义小程序 u盘专用格式化小程序 u盘病毒小程序下载 url链接跳转到小程序 u盘清理小程序 ug可以选刀库的小程序 unity3d开发微信小程序 u盘恢复小程序 ug100小程序 uggrip小程序 utilrequest小程序 unity小程序 uu跑腿微信小程序

v程小程序 vue转微信小程序 vue跟小程序的关系 vue难还是小程序难 vs可以对小程序测试吗 vs2015开发小程序 vs小程序heloo vue小程序 vs建立小程序 vue和小程序哪个难 vs2013小程序案例 vue能开发微信小程序吗 V小客的小程序名字叫什么 vue转换小程序 vue微信小程序的框架 vs怎么在小程序里加背景音乐

微信里的打卡小程序别人能看见吗微信PC版小程序微信图片上怎么加文字小程序微信怎么解绑我的小程序微信小程序客服消息与PC端交互微信小程序能识别ip吗微信小程序斗地主残局41怎么过微信小程序的账号忘记了如何找微信小程序关联C#后台要怎么做微信小程序象棋怎么关声音微信小程序收款留言怎么回复微信小程序能用com域名吗微信小程序如何导入css文件微信小程序里群接龙怎么接不了微信小程序如何遮住tabbar 微信注册的小程序怎么解绑

小程序如何源码安装小程序怎么引入本地的css 小程序里面能用jq吗小程序如何动态添加元素小程序认证失败钱会退吗小程序switch怎么改变颜色小程序美团怎么换手机号小程序头像可以修改吗小程序开发版本有什么用小程序复选框选状态如何判断小程序怎么免域名免备案小程序里的文字怎么复制小程序怎么引入css 小程序怎么引用css 小程序如何给src节点赋值小程序appid在哪里看

运行小程序维护费运营商降级小程序没有插入设备运营商小程序引流运行程序小化后找不到有趣的c++小程序一个小程序可以将照片弄成漫画运行内存一般比程序小多少医疗微信小程序源码韵达微信小程序怎么取消订单运营微信小程序资质圆形小程序二维码的运动小程序推荐运营规范小程序医疗类小程序资质有赞小程序跟微信小程序的区别运营小程序难吗

怎么在小程序上加流量主代码只有原始ID的小程序怎么登陆坐标图小程序正定小程序开发知道小程序的原始ID 怎样在小打卡小程序上改名座位管理小程序坐车微信小程序照片墙小程序源码自动点击系统弹窗小程序怎么看自己小程序的账号知道原始id怎么登陆小程序找不到朋友密语小程序怎么重新关注收款小助手小程序走路换礼品小程序坐车线路小程序