为什么我的一张图片没有显示在 Gatsby 页面上?

Why does one of my images not show on Gatsby page?

我对此有点迷茫,所以就这样吧:我用 Gatsby.js 创建了一个站点,并将其部署到我的网络服务器(运行 NGINX on Ubuntu 20.04).为了查询和显示图像,我使用 Gatsby Image 并且一切似乎都工作正常,只有 一个 图片未显示 - 尽管文件实际存在。

要了解我在说什么,请随时访问 http://www.junge-philharmonie-berlin.de/ 并查看“柏林青年爱乐乐团”左侧的徽标丢失/未显示。在源代码中, DOM 元素是存在的,并且 src-path 指向一个现有的图像;这是我不明白的。

非常感谢任何提示或帮助。

提前致谢, 马库斯

您的图片已存在,您可以抓取它并在检查工具中检查它是否存在。您的问题取决于您的 CSS 规则。你有:

.titleIcon {
    width: 37%;
    opacity: 1%;
}

如果将不透明度更改为 100%(或 1):