图像未出现在 Firefox/Chrome 中；好的在 IE答案

【问题标题】：Images Not Appearing in Firefox/Chrome; Ok in IE图像未出现在 Firefox/Chrome 中；好的在 IE
【发布时间】：2013-02-02 01:28:51
【问题描述】：

我在这个页面上有一些 jpeg 图像，由于某种原因，它们在 Firefox 或 Chrome 中都没有显示，但在 IE 8 和 9 中很好。如果我单击 Firefox 浏览器源中的图像 URL，它会显示很好。

http://www.chemoutsourcing.com/banners.php

路径是正确的，同时使用了完整和相对 url，并且正确使用了 IMG 标记。我对这种简单性感到非常困惑。

<div style="margin:5px 0;">
                        600px by 160px<br />
                        <img src="http://www.chemoutsourcing.com/images/banner_ads/mainheader_2013_600x160.jpg" border="1" width="600" height="160" alt="" />
                    </div>
                    <div style="margin:5px 0;">
                        600px by 160px<br />
                        <img src="images/banner_ads/mainheader_Pharma_600x160.jpg" border="1" width="600" height="160" alt="" />
                    </div>
                    <div style="margin:5px 0;">
                        160px by 600px<br />
                        <img src="images/banner_ads/mainheader_2013_160x600.jpg" border="1" width="160" height="600" alt="" />
                    </div>
                    <div style="margin:5px 0;">
                        160px by 600px<br />
                        <img src="images/banner_ads/mainheader_Pharma_160x600.jpg" border="1" width="160" height="600" alt="" />
                    </div>

【问题讨论】：

那么...如果您不发布一些代码，我们如何提供帮助？
已添加。但我也附上了页面的 url 以供源代码使用。
我也很困惑。我没有发现任何问题.. 适用于 Chrome，但不适用于我的 FF
我知道，对吧？我不知道到底是什么问题。
在 Firefox 中为我工作（我可以在chemoutsourcing.com/banners.php 上看到所有图片）

标签： html google-chrome firefox image

【解决方案1】：

我在 chrome 上使用了 inspect 元素，它显示了以下所有 img 元素的内联样式：

display: none !important; 
visibility: hidden !important;
opacity: 0 !important;
background-position: 600px 160px;

这不可能。

【讨论】：

好的，我也看到了。但它是从哪里继承的呢？
我不能说，因为它们显示为内联样式。不是从任何 css 文件继承的。也许一些 javascript 代码正在这样做？
另外，使用 chrome 上的资源选项卡，我看到浏览器实际上根本没有接收到图像！

【解决方案2】：

最好的解决方案是偶然出现的。

我尝试在 Chrome 私人模式下查看此页面，但它们看起来很好。所以这意味着......

浏览器扩展 AdBlock 正在读取源中图像的子文件夹“banner_ads”并将它们视为要阻止的第 3 方内容。

我重命名文件夹后，问题应该会自行消失。

【讨论】：

这适用于文件夹中大约 90% 的图像。我将调查的少数坚持者，但我现在几乎没有那么担心。据我所知，它们可能已损坏。

【解决方案3】：

更改目录名称以确保没有“广告”一词。例如：如果图像源是 src=images/ads/your_pic.png，则将文件夹“ads”重命名为除“ads”以外的任何名称。例如 - src=images/visitor_image/your_pic.png

这应该有效，如果不是，那么它与浏览器无关，它与您的重定向有关。 p.s.忽略这里提到的语法，使用你自己的。

干杯

【讨论】：

【解决方案4】：

遇到了同样的问题。发现未正确显示的图片被命名为.JPG，而其他图片被命名为.jpg。重命名显然解决了我的问题。

【讨论】：