【问题标题】:Certain types of images aren't displayed correctly in HTML某些类型的图像在 HTML 中无法正确显示
【发布时间】:2022-01-10 07:49:08
【问题描述】:

我是前端开发的新手,我正在尝试显示来自此 API https://dash.valorant-api.com/endpoints/agents 的图像。

虽然https://media.valorant-api.com/agents/5f8d3a7f-467b-97f3-062c-13acf203c006/displayicon.png 之类的图像可以与<img> 标签配合使用,但以下图像:

https://media.valorant-api.com/agents/5f8d3a7f-467b-97f3-062c-13acf203c006/abilities/ability1/displayicon.png

https://media.valorant-api.com/agents/5f8d3a7f-467b-97f3-062c-13acf203c006/abilities/ability2/displayicon.png

当我尝试将它们加载到网站时显示空白,我知道这与图像类型有关,但我不知道如何正确显示它们。

【问题讨论】:

  • 能否提供场景截图以及控制台在说什么在 crome 中按 f12 看看是否有错误
  • 您的最后一个网址不是有效图片。我打开它时出现错误消息media.valorant-api.com/agents/…
  • @Eduard 是的,我似乎复制了错误的链接,我会编辑它

标签: html frontend


【解决方案1】:

检查您的 html 背景颜色(例如:body { background-color: black; },可能是因为您的背景颜色为白色,并且其中两个图像是白色符号。顺便说一下,最后一张照片不起作用无论如何。它会返回一个 de api 错误。

【讨论】:

  • 使用相关 API/URL 添加代码 sn-p。让您的回答更清晰、更有帮助。
  • 似乎他的问题与背景颜色有关,而不是 API 问题
  • 是的,这就是问题所在,我将图像所在的 div 的背景更改为深灰色,我可以看到图标。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-02
  • 2016-11-14
  • 2020-08-27
  • 2021-09-26
相关资源
最近更新 更多