【发布时间】:2017-07-20 17:17:59
【问题描述】:
我已经尝试在网络上搜索,包括 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-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>
图片都是PNG格式和RGB颜色。它们都是 16 位图像。唯一加载的图片是“transparent-Linkedin-logo-icon.png”。
Windows 上的 Chrome 和 Firefox 发生了什么?我使用的 Windows 版本是 Windows 8.1。
顺便说一下,这里是一个包含所有代码的 JSFiddle 页面的链接:http://jsfiddle.net/57y3J/
最后,该网站已上线。如果你们想测试它,这里是问题页面的链接: http://www.appenze.com/social.html
更新
这个问题似乎只发生在 Windows 上的 Chrome 和 Firefox 上,同时运行“Adblock Plus”扩展程序。
我在 Mac 上的 Chrome 和 Firefox 上都运行 Adblock Plus,并且图像正常显示。我还在我的 PC 上的 Internet Explorer 上安装了 Adblock Plus,并且图像仍然可以正常加载。
【问题讨论】:
-
你能给我们一个jsfiddle吗?
-
您使用的路径是否正确?如果“图像”在根目录中,您可能需要执行 /images/nameOfImage
-
我使用了正确的路径。我已经检查了很多次路径。
-
试试
PNG而不是png看看是否有帮助 -
我投票决定将此问题作为离题结束,因为该问题与编程无关,而是由单独应用程序的错误配置引起的。