图片未显示在Chrome和Firefox中 [英] Images Not Appearing in Chrome and Firefox

问题描述

我尝试过在网上搜索，包括Stack Overflow，并没有找到解决方案。

所以我刚刚在Mac上开发了一个网站，看起来很好在Chrome，Firefox和Safari上。

当我使用Windows时，Internet Explorer中的所有内容都显示正常，但在Chrome和Firefox中不显示。有些图片只在PC上无法加载到Chrome和Firefox！

我使用两种浏览器检查了这些元素，看起来很好。

以下是代码：

 < table> 
< tr> 
< td>< a href =https://www.facebook.com/appenze>< img style =height：130px; width：130px; margin-right：-20px; src =images / facebook_old.png/>< / a>< / td> 
< td>< a href =https://plus.google.com/+Appenze/>< img class =social-media-picsrc =images / GooglePlus-Logo -02.png/>< / a>< / td> 
< td>< a href =http://www.linkedin.com/company/appenze-technologies>< img class =social-media-picsrc =images / transparent -Linkedin-logo-icon.png/>< / a>< / td> 
< td>< a href =https://twitter.com/appenze>< img class =social-media-picsrc =images / twitter-icon-square.png />< / a>< / td> 
< / tr> 
< / table> 
  

图片全部采用PNG格式和RGB颜色。他们都是16位图像。加载的唯一图片是transparent-Linkedin-logo-icon.png。

Windows和Chrome浏览器发生了什么变化？我使用的Windows版本是Windows 8.1。顺便说一句，这里是一个链接到JSFiddle页面的所有代码： http://jsfiddle.net/57y3J/

最后，网站是活的。这里是链接到问题页面，如果你们想测试它：
http：// www.appenze.com/social.html

更新

在运行Adblock Plus扩展程序时，此问题似乎只发生在Windows上的Chrome和Firefox上。

我在Mac和Chrome上运行Adblock Plus，并且图像正常显示。我的电脑上的Internet Explorer上也安装了Adblock Plus，并且图像仍然正常加载。 你们打算当你读到这个时笑。

我解决了图像加载问题。当我禁用在这两个浏览器中运行的Adblock Plus扩展程序并刷新页面时，图像显示正常。

这个问题似乎只发生在Chrome上， Windows上的Firefox。我在Mac和Chrome上运行Adblock Plus，并且图像正常显示。我还在我的电脑上的Internet Explorer上安装了Adblock Plus，并且图像仍然正常加载。

我仍然不知道如何解决这个问题，尽管Adblock Plus的扩展。

I've tried searching on the web including Stack Overflow and haven't found a solution.

So I just finished developing a website on Mac and it looks fine on Chrome, Firefox, and Safari.

When I go to use Windows, everything shows up fine in Internet Explorer, but not on Chrome and Firefox. Some images don't load in Chrome and Firefox only on PC!

I inspected the elements with both browsers and it looks fine.

Here is the code:

<table>
    <tr>
        <td><a href="https://www.facebook.com/appenze"><img style ="height:130px;width:130px;margin-right:-20px;" src="images/facebook_old.png" /></a></td>
        <td><a href="https://plus.google.com/+Appenze/"><img class ="social-media-pic" src="images/GooglePlus-Logo-02.png" /></a></td>
        <td><a href="http://www.linkedin.com/company/appenze-technologies"><img class ="social-media-pic" src="images/transparent-Linkedin-logo-icon.png" /></a></td>
        <td><a href="https://twitter.com/appenze"><img class ="social-media-pic" src="images/twitter-icon-square.png" /></a></td>
    </tr>
</table>

The images are all in PNG format and in RGB color. They're all 16-bit images. The only image that loads is "transparent-Linkedin-logo-icon.png".

What is going on with Chrome and Firefox on Windows? The version of Windows I'm using is Windows 8.1.

By the way, here is a link to the JSFiddle page with all the code: http://jsfiddle.net/57y3J/

Lastly, the website is live. Here is the link to the problem page if you guys want to test it: http://www.appenze.com/social.html

UPDATE

This problem only seems to be happening for Chrome and Firefox on Windows while running the "Adblock Plus" extension.

I am running Adblock Plus on both Chrome and Firefox on Mac and the images appear normally. I also have Adblock Plus installed on Internet Explorer on my PC and the images are still loading properly.

解决方案

You guys are going to laugh when you read this.

I've solved the image loading problem. When I disable the "Adblock Plus" extension that run in both the browsers and refresh the page, the images appear normally.

This problem only seems to be happening for Chrome and Firefox on Windows. I am running Adblock Plus on both Chrome and Firefox on Mac and the images appear normally. I also have Adblock Plus installed on Internet Explorer on my PC and the images are still loading properly.

I still don't know how to fix this for people that are using the Adblock Plus extension though.

这篇关于图片未显示在Chrome和Firefox中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！