在 Firefox 中显示 img 的问题答案

【问题标题】：Issue displaying img in Firefox在 Firefox 中显示 img 的问题
【发布时间】：2016-01-05 15:30:04
【问题描述】：

我注意到一个网站存在一个奇怪的问题。当我在 chrome 或 safari 中查看 site 时，我可以在页面的最顶部看到一个图像，但是，当我在 Firefox 中查看同一站点时，该图像不会显示。然而，当我查看源代码时，我发现图像实际上仍然写在那里，即使它没有显示在页面上。我想知道是否有人知道发生了什么？我试过重置firefox，清除缓存和cookies，甚至切换firefox的默认安全行为都没有结果。

【问题讨论】：

寻求代码帮助的问题必须在问题本身中包含重现它所需的最短代码。尽管您提供了一个示例链接，但如果该链接失效，您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。

标签： html css firefox trouble-tickets

【解决方案1】：

在以下选择器中，您的 z-index 值为 -1，这会使图像位于内容后面，因此您无法在 Firefox 上看到它，它不会影响 chrome 或 safari 但会影响 Firefox，因此您需要更改在选择器中，z-index 的值无论如何都是 0 或大于 0

.header-logo, .brand-logo {
    z-index: 0;
}

尝试检查你会看到我在检查器中谈到的内容，顺便说一下，这些 css 代码在你的 html 文件内部而不是在你的 css 文件中，所以我认为你找不到图像不存在的原因显示

【讨论】：