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

问题描述

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

要了解我在说什么，请随时转到 http://www.junge-philharmonie-berlin.de/ 并查看“Junge Philharmonie Berlin”左侧的徽标缺失/未显示。在源代码中，DOM 元素是存在的，并且 src-path 指向一个存在的图像；这是我不明白的。

非常感谢您对此的任何提示或帮助。

提前致谢， 马库斯

解决方法

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

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

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