png在Firefox/IE中显示但不是铬色

我正在制作我的第一个网站，并最终让所有东西都托管了，但图片并未在Google Chrome浏览器中显示。当我在IE中工作时，我感到非常惊讶，因为我认为他们通常会遇到最大的麻烦。png在Firefox/IE中显示但不是铬色

这里就是我输入图像的HTML：

<th class="red-header"><p>Strength</p> 
    <img src="./pictures/strength.png" alt="str" class="str"> 
</th> 
<th class="blue-header"><p>Intelligence</p> 
    <img src="./pictures/intelligence.png" alt="int" class="int"> 
</th> 
<th class="green-header"><p>Dexterity</p> 
    <img src="./pictures/dexterity.png" alt="dex" class="dex"> 
</th>

和

<th class="red-header"><p>Fire</p> 
    <img src="./pictures/fire.png" alt="fire" class="fire"> 
</th> 
<th class="blue-header"><p>Cold</p> 
    <img src="./pictures/cold.png" alt="cold" class="cold"> 
</th> 
<th class="yellow-header"><p>Lightning</p> 
    <img src="./pictures/lightning.png" alt="lightning" class="lightning"> 
</th>

我找不到任何东西在我的搜索帮助。请分享您的想法或让我知道我能做些什么来帮助您回答。

来源

2016-09-25 Tyler Whalen

打开控制台，并检查文件是否返回404.您是否尝试点击CTRL-F5等？ – adeneo

你究竟是什么意思？该网站托管在Hostgator上，图片文件位于其服务器上的目录中，并在2/3浏览器上显示。 –

哦，我的上帝ctrl-f5工作。为什么？？ –

为了加快网页浏览速度，浏览器设计用来下载网页及其内容，如图像，并将它们本地存储在计算机硬盘驱动器的“缓存”区域。

浏览器缓存包含您在访问您的网站时已查看或下载的每个项目的记录，因此，当您第二次访问同一页面时，浏览器通过从缓存本地加载页面来加速显示时间，而不是下载所有内容再次。

当测试更改和新图像等时，您有时需要再次从源获取数据，并更新缓存。

击中F5将大部分的时间给你，即使内容被改变（取决于头部等），因为它可以加载从缓存中的页面相同的页面，而CTRL - F5强制高速缓存刷新，并保证如果内容发生更改，您将获得新内容。

来源

2016-09-25 04:39:34 adeneo

png在Firefox/IE中显示但不是铬色

回答

相关问题