1、IOS11.4系统升级后,有蒙版的图片无法显示
2、macOS 10.13.5 系统升级以后,有蒙版的图片也是无法显示
3、经过巷佯袜瘫检测,发现出现很多的跨域问题,显示资源加载失败 Failed to load resource: the server responded
4、macOS系统的safari浏览器可以用(菜单-- 开发---停用跨源限制)暂时性解决,一旦新创建浏览器页面之后,依旧不显示
5、但是IOS系统的safari浏览器没有此功能,依旧没有解决我们的问题,经过深入的研究之后,发现CSS蒙版属性在这里的不起作用
6、最终的解决方式: 追加CSS属性 -webkit-mask-box-image属性
7、追加-web氯短赤亻kit-mask-box-image属性后IOS11.4系统的safari浏览器显示正常macOS10.13.5系统的safari浏览器显示正常