图像不（总是）在 Firefox 中显示答案

【问题标题】：Images not (always) showing in Firefox图像不（总是）在 Firefox 中显示
【发布时间】：2015-01-09 05:22:43
【问题描述】：

我最近开发了http://transparency.dk，但我在 Firefox 中遇到了这个奇怪的问题。

在我的标题中（请参阅 Safari 或 Chrome），我在标题中的徽标上方有各种社交图标，但它们在 Mac 和 Windows 上的 Firefox 中并不总是正确加载。

如果我刷新网站的次数足够多，它们最终会加载，但这对我来说没有意义吗？

代码是带有图像的标准链接。顺便说一下，我使用的是 Bootstrap 3.0。任何人都知道可能导致这种情况的原因是什么？

<div class="row">
<div class="col-md-12 col-xs-12">
    <div class="identity">
        <div class="row">
            <div class="social col-md-12 col-xs-12">
                <a class="righty" target="_blank" href="https://twitter.com/TransparencyDK"><img src="<?php bloginfo('template_url'); ?>/images/social/twitter.png" alt="Twitter" title="Twitter" /></a>
                <a class="righty" target="_blank" href="https://www.facebook.com/pages/Transparency-International-Danmark/46651234295?fref=ts"><img src="<?php bloginfo('template_url'); ?>/images/social/facebook.png" alt="Facebook" title="Facebook" /></a>
                <a class="righty" target="_blank" href="http://www.linkedin.com/company/transparency-international"><img src="<?php bloginfo('template_url'); ?>/images/social/linkedin.png" alt="LinkedIn" title="LinkedIn" /></a>
                <a class="righty" target="_blank" href="http://www.youtube.com/user/TransparencyIntl"><img src="<?php bloginfo('template_url'); ?>/images/social/youtube.png" alt="Youtube" title="Youtube"/></a>
                <a class="righty" target="_blank" href="<?php bloginfo('rss_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/social/rss.png" alt="RSS" title="RSS" /></a>
            </div>
            <div class="col-md-12 col-xs-12">
                <a class="righty logo" href="<?php bloginfo('home'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/transparency_logo.png" /></a>
            </div>
        </div>
    </div>
</div>

【问题讨论】：

第一次为我加载 - Mac 上的 Firefox 33.1
首次加载 - Windows 7 上的 Firefox 33.0.2
这里相同.. v32.0.3、v33.0.2 和 v33.1
这太奇怪了，我在 Mac 和 Windows 上都能得到这个i.imgur.com/nDimrdN.png?1

标签： html css image twitter-bootstrap firefox

【解决方案1】：

我知道，晚了半年…… 但我已经测试过了。 Firefox 在显示使用特定文件名的图像时存在问题，例如youtube.*、facebook.* 等。原因（对我来说）是附加组件 Adblock Plus。（使用 Firefox 工具，您还可以看到不应该存在的类，如果您使用此类文件名，例如 img class="zzzqejbemsxhesolqtlt"）。尝试其他文件名，例如you_tube.png。这样就解决了问题。

【讨论】：