png在firefox / IE中显示但不是chrome

Question

我正在制作我的第一个网站，并最终托管了所有内容，但图片未显示在Google Chrome中。当它在IE中工作时我感到很惊讶，因为我认为它们通常会给你带来最大的麻烦。

这是输入图像的html：

public partial class WebForm1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Service1Client client = new Service1Client();
        Book[] list= client.GetAllBooks();


    }
}

和

<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>

我在搜索中找不到任何有用的内容。请分享您的任何想法或让我知道我可以做些什么来帮助您回答。

Answer 1

为了加快网页浏览速度，浏览器旨在下载网页及其内容（如图片），并将其本地存储在计算机硬盘上的“缓存”区域。

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

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

点击 F5 即使内容被更改（取决于标题等），也会大部分时间为您提供相同的页面，因为它可能会从缓存中加载页面， CTRL - F5 强制缓存刷新，并保证如果内容发生变化，您将获得新内容。