Question

我在这个页面上有几个jpeg图像，出于某种原因，它们不会出现在Firefox或Chrome中，但在IE 8和9中很好。如果我在Firefox浏览器源中单击图像URL，它会显示出来很好。

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

路径是正确的，使用完整和相对网址的混合，并正确使用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>

Answer 1

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

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

这不可能是正确的。

Answer 2

最好的解决方案是偶然发生的。

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

浏览器扩展程序AdBlock正在读取源中的图像'子文件夹“banner_ads”，并将其视为要阻止的第三方内容。

重命名文件夹后，问题应该自行解决。

Answer 3

更改目录名称以确保“广告”字样不存在。例如：如果图片来源为src = images / 广告 /your_pic.png，则将文件夹'ads'重命名为“ads”而不是“ads”。例如 - src = images / visitor_image /your_pic.png

这应该有用，如果没有那么它不是关于浏览器，它关于你的重新指示。附：忽略这里提到的语法，使用你自己的。

干杯

Answer 4

有同样的问题。想出没有正确显示的图片被命名为.JPG，而其他人被命名为.jpg。重命名显然为我解决了问题。

图像未出现在Firefox / Chrome中;好在IE浏览器

4 个答案: