ios 现在的-webkit-mask-image:url(xxxx) 不显示,求解决
-webkit-mask-image 不支持外部url- 当前 Bug 的表现(可附上截图) -webkit-mask-image 在ios上不支持外部链接(http[s]://)但支持base64的形式 - 预期表现 -webkit-mask-image 支持 http[s] 加载 - 复现路径 - 提供一个最简复现 Demo
2018-11-13没有解决
ios12 css蒙版照片无法显示在图片上放一个异形黑色透明图片作为蒙版,下方图片只能按照黑色异形透明区域显示,方案就是在<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-10-11解决了吗?
ios12 css蒙版照片无法显示- 在图片上放一个异形黑色透明图片作为蒙版,下方图片只能按照黑色异形透明区域显示,方案就是在<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
2018-09-30