我正在调试一个网站以查找丢失的图像。该网站大量使用 GWT，因此源代码不是那么冗长。我开始用firebug调试它，发现标签在firebug DOM源中都是灰色的。如果我在萤火虫控制台中编辑图像标签，比如只添加一个空格，那么图像标签不再变灰，因此显示在页面上。
这里有人可以指出为什么图像标签在萤火虫中是灰色的以及如何解决这个问题。 注意：页面中还有其他图像可以正常工作，即使它们是使用 GWT 以相同的方式生成的。
【问题讨论】：
很可能 - 图像被隐藏（可能通过 CSS）。单击标签以查看应用到它的样式 - 很可能您会看到 display: none 或类似效果的东西。
至于为什么隐藏图像 - CSS 规则混淆并导致这种行为（Firebug 应该有助于调查）或者它是应用程序逻辑的一部分（在不需要时隐藏进度条等）。
【讨论】：
在我的情况下，我的图像在萤火虫中变灰（变灰），因为图像的高度和宽度为 0 像素，因此它有效地隐藏在屏幕上。所以我推断灰色意味着它在屏幕上不可见。
【讨论】：
我在社交网络图标上遇到了同样的问题，也是广告拦截器（在 Firefox 下）造成的。 图标的替代文本中包含 alt="Facebook"（Twitter、Instagram）。将其更改为 alt="Facebook_xxx" 足以解决问题。
【讨论】：
我遇到了同样的问题。 Firebug 将具有 img 的容器元素显示为灰色。该元素在 Firefox（和其他现代浏览器）中显示，但在 IE8 中不显示。
知道我在设置 display:none;后来在脚本中使它阻塞，这不是我的问题...在样式中添加缺少的宽度和高度是我的解决方法。
对我来说，这是在容器 div 内明确设置我的 div（保存我的 img）的宽度和高度的问题。我的绝对定位的 div 上没有宽度和高度。一旦我添加灰色在 Firebug 中是固定的。还修复了我在 IE8 中缺少 div 的问题！ （这就是让我首先走上调试道路的原因）
IE8 喜欢设置宽度和高度，所有其他现代浏览器都不在乎，仍然显示 div。 Firebug 显示该元素是灰色的，但 Firefox 浏览器显示 div 元素就好了。
#slidesContainer {
position: relative;
width: 871px;
height: 275px;
padding: 8px 8px;
overflow: hidden;
}
#slidesContainer div {
position: absolute;
width: 871px;
height: 275px;
display: none;
}
【讨论】：
作为其他人的仅供参考，我遇到了这个问题并且无法解决 - Firebug 正确地使不可见的图像变灰。我正在运行 AdBlock Plus 插件，它隐藏了图像，因为它们位于一个名为 ads 的文件夹中。赠品是图像的类添加了随机字符串，例如class="auwhaezfynjjayjvlasn"。我更改了广告文件夹的名称，瞧，在 Firebug 中可见且不再灰显。
【讨论】：
另一个仅供参考 - 我的文件名为 xxx-ads.swf，该文件不会在 Firefox 或 Chrome 中显示，但在 Safari、IE 和 Opera 中运行良好。
我在 Firefox 和 Chrome 中运行 Adblock plus。
在我看来，作为一般的软件实践，Adblock 试图在检测方面过于聪明。花了我大约 2 天的调试时间。呸呸呸。
谢天谢地，我终于找到了这个论坛。
【讨论】：