网站图片在IOS11.4之前的系统，图片显示正。
升级IOS11.4系统后，网站图片无法显示，macOS10.13.5系统后，网站图片无法显示。经过调查研究终于解决。
方法/步骤
-
1
1、IOS11.4系统升级后，有蒙版的图片无法显示
-
2
2、macOS 10.13.5 系统升级以后，有蒙版的图片也是无法显示
-
3
3、经过检测，发现出现很多的跨域问题，
显示资源加载失败 Failed to load resource: the server responded
-
4
4、macOS系统的safari浏览器可以用（菜单-- 开发---停用跨源限制）暂时性解决，一旦新创建浏览器页面之后，依旧不显示
-
5
5、但是IOS系统的safari浏览器没有此功能，依旧没有解决我们的问题，经过深入的研究之后，发现CSS蒙版属性在这里的不起作用
-
6
6、最终的解决方式：
追加CSS属性
-webkit-mask-box-image属性
-
7
7、追加-webkit-mask-box-image属性后
IOS11.4系统的safari浏览器显示正常
macOS10.13.5系统的safari浏览器显示正常
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
文章评论