safari浏览器 网站外链接图片（有蒙版）不显示

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浏览器显示正常