Question

div#main {
    background: url("../images/visual.png") no-repeat scroll 
center center  #325a8d;
    float: left;
    height: 530px;
    width: 100%;
    z-index: 255;    
}

上面的代码在css文件中，我对该文件进行了版本控制，并用其中指定的其他图像更改了visual.png图像。现在，当我加载网页时，我可以看到我的新CSS文件已经加载，但是我的新图像没有被反映出来，看起来像是已缓存。当我硬加载发现新图像的页面时。如何在不重新加载页面的情况下获取新图像？

Answer 1

将版本号添加到包括style.css的位置：

<link rel="stylesheet" id="LarsWeber-style-css" href="https://example.com/style.css?ver=0.0.1" type="text/css" media="all">

只要更新链接的?ver=X.X.X部分，您将强制浏览器重新加载样式表而不使用缓存。

出于开发目的，您也可以只在所选浏览器的隐身模式下工作

在对文件进行版本控制后，网页上仍未显示新图像

1 个答案: