有些图片只在Firefox中显示alt文本，但在Safari或Chrome中加载正常，但同一页面上的其他图片加载正常

Question

我正在为自己创建一个简单的网站，使用wordpress和一些黑客来尝试自学一些关于网页编码的乐趣。我已经设置了我的网站http://jonhocking.co.uk，我在首页上使用了一系列4个方块来浏览网站。其中三个链接到类别，这些图像显示完美。另一个链接到wordpress页面虽然我使用了相同的代码，但它只显示图像的替代文字。此错误仅在使用Firefox时发生。我已经使用Chrome和Safari对它进行了测试，它们都按预期显示了该页面，而且我没有使用IE进行测试，因为我使用的是OS X且没有机会。左上角的徽标也会出现同样的问题。此徽标链接到主页面，仅显示firefox中的alt文本。我也试过在iPhone上使用移动Safari，这也有同样的问题。

主索引的代码：

<?php get_header(); ?>
<div class="main_link">

<a href= "http://jonhocking.co.uk/?cat=3"><img src="<?php bloginfo('template_directory'); ?>/images/Current.png" /></a>

<a href= "http://jonhocking.co.uk/?cat=4"><img src="<?php bloginfo('template_directory'); ?>/images/Previous.png" /></a>

<a href= "http://jonhocking.co.uk/?cat=1" ><img src="<?php bloginfo('template_directory'); ?>/images/Blog.png" /></a>

<a href= "http://jonhocking.co.uk/?page_id=85"><img src="<?php bloginfo('template_directory'); ?>/images/BlogRoll.png" alt = "Blog-Roll"/></a>

</div>


<?php get_sidebar(); ?>
<?php get_footer(); ?>

唯一的区别是在Blog-Roll图像中添加了alt文本，因此我至少可以看到FF中加载的内容以及Blog-Roll是一个页面而不是类别的事实。我错过了一些明显的东西吗？

谢谢，

乔恩

Answer 1

Firefox says，The image “http://jonhocking.co.uk/wp-content/themes/UpstartBloggerModicus2c/images/BlogRoll.png” cannot be displayed, because it contains errors.。

Answer 2

blogroll.png图片并没有出现在我的任何浏览器中 - 我只是检查了safari和chrome。也许你已经将它缓存在那些浏览器中，并将它从服务器中意外删除。

也可以直接使用http://jonhocking.co.uk/wp-content/themes/UpstartBloggerModicus2c/images/BlogRoll.png访问它 - 此图像不存在或已损坏。