Internet Explorer和Firefox未在页面上显示所有图像

时间:2015-01-07 18:08:25

标签: html internet-explorer firefox webp

由于某种原因,我的网站很长一段时间以来一直遇到一个奇怪的问题,我仍然没有弄清楚导致问题的原因。

这就是我的网页在Chrome中的样子:(这就是它在任何浏览器中的样子):

这是它在IE11中的样子: Image 2

正如您所看到的那样,左边的第三张图片没有显示,但在Chrome上却显示出来了。这种情况多次发生。我已经检查了宽度和高度参数,所有这些都是正确的:但IE表示我的图像尺寸是283x16px而不是349x240px(右键单击>属性)。

<img width="349" height="240" src="http://exofeed.nl/wp-content/uploads/2015/01/Belgian-film-student-travels-more-than-5000-miles-to-be-friends-with-a-complete-stranger__880-1-349x240.jpg" class="attachment-grid-post wp-post-image" alt="Belgian-film-student-travels-more-than-5000-miles-to-be-friends-with-a-complete-stranger__880 (1)" title="Man reist 8000 kilometer af om een compleet vreemde te ontmoeten van Facebook"/>

出现问题的页面:http://exofeed.nl/ - 我顺便使用wordpress。

以前有没有其他人遇到过这个问题?或者有人知道可能导致这种情况的原因吗?

更新:看起来它在Firefox上都不起作用......

我会感激任何帮助!

1 个答案:

答案 0 :(得分:4)

这是因为相关图片不是JPEG(或GIF或PNG),而是Google WebP,而Internet Explorer本身并不支持此类图片(and neither do Firefox or Safari)。

enter image description here

最简单的解决方案是将其转换为JPG。