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

 时间:2024-11-10 17:16:53

1、IOS11.4系统升级后,有蒙版的图片无法显示

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

2、macOS 10.13.5 系统升级以后,有蒙版的图片也是无法显示

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

3、经过巷佯袜瘫检测,发现出现很多的跨域问题,显示资源加载失败 Failed to load resource: the server responded

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

4、macOS系统的safari浏览器可以用(菜单-- 开发---停用跨源限制)暂时性解决,一旦新创建浏览器页面之后,依旧不显示

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

5、但是IOS系统的safari浏览器没有此功能,依旧没有解决我们的问题,经过深入的研究之后,发现CSS蒙版属性在这里的不起作用

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

6、最终的解决方式: 追加CSS属性 -webkit-mask-box-image属性

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

7、追加-web氯短赤亻kit-mask-box-image属性后IOS11.4系统的safari浏览器显示正常macOS10.13.5系统的safari浏览器显示正常

safari浏览器 网站外链接图片(有蒙版)不显示
safari浏览器 网站外链接图片(有蒙版)不显示
  • 苹果 MacBook Air笔记本一键u盘装系统win7教程
  • MacBook Air笔记本用U盘装机大师u盘装win7教程
  • 如何在Mac上使用root特权打开应用程序
  • 制作 macOS Catalina ISO镜像文件
  • Macbook怎么用网线联网
  • 热门搜索
    四年级安全手抄报 手抄报模板大全 父亲节手抄报好画字少 爱劳动手抄报 珍惜生命手抄报 数学手抄报图片四年级 手抄报版面设计图花边 九九重阳节手抄报 爱眼手抄报内容 花的手抄报