图像不是(总是)在Firefox中显示

时间:2014-11-12 11:14:23

标签: html css image twitter-bootstrap firefox

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

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

如果我刷新网站足够多次,最终会加载,但这对我没有意义吗?

代码是带图像的标准链接。我顺便使用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>

1 个答案:

答案 0 :(得分:1)

我知道,半年太晚了...... 但是我已经测试了它。 Firefox在显示使用特定文件名的图像时遇到问题,例如youtube.*facebook.*等。原因(对我而言)是Add-on Adblock Plus。 (使用Firefox工具,如果使用此类文件名,您也可以看到不存在的类,例如img class="zzzqejbemsxhesolqtlt")。 尝试其他文件名,例如you_tube.png。这解决了这个问题。