【问题标题】:Images Not Appearing in Chrome and Firefox图像未出现在 Chrome 和 Firefox 中
【发布时间】: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看看是否有帮助
  • 我投票决定将此问题作为离题结束,因为该问题与编程无关,而是由单独应用程序的错误配置引起的。

标签: html css


【解决方案1】:

你们读到这里一定会笑的。

我已经解决了图片加载问题。当我禁用在两个浏览器中运行的“Adblock Plus”扩展并刷新页面时,图像正常显示。

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

我仍然不知道如何为使用 Adblock Plus 扩展程序的人解决此问题。

【讨论】:

  • 我正在使用 ff28 和 adb plus.. 对我来说仍然可以正常工作,所以它可能是您在 adb 上选择的列表
  • 我只是在 adb 上选择了默认列表
猜你喜欢
  • 2013-02-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-10
  • 1970-01-01
  • 2012-07-08
  • 2021-12-24
  • 1970-01-01
相关资源
最近更新 更多