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

Question

我对这个有点迷茫，所以就这样吧：我用 Gatsby.js 创建了一个站点，然后将它部署到我的 Web 服务器（在 Ubuntu 20.04 上运行 NGINX）。对于查询和显示图像，我使用 Gatsby Image 并且一切似乎都工作正常，只有一个图像没有显示 - 尽管有文件实际存在。

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

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

提前致谢， 马库斯

Answer 1

您的图像存在，您可以抓取它并在检查工具中检查它。您的问题取决于您的 CSS 规则。你有：

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

如果您将不透明度更改为100%（或1）：