CSS“有延迟”

Question

我的网络浏览器中经常遇到css这类问题。当我进行一些更改，或应用新的或编辑旧样式规则时，它可能需要长达2小时或5小时才能生效，即使我不在线工作，我在本地工作，在我自己的服务器上。

最后一个问题是z-index选项，我在其中设置：

#blur
{
    width: 100%;
    height: 100;
    background-image: url(/images/blur-transp.png);
    background-color: rgba(150, 20, 20, 0.3);

    /* and now that z-index */
    z-index: 9999;
}

因为每次编辑css都不会出现这个问题，也许每10或15次，我想，哦，我又做错了。我通过我的代码看了大约2个小时，最后放弃了，因为我找不到任何违法的东西。比，大约20个小时后，我再次在网页浏览器中打开页面，试图看看发生了什么，是的，代码本身没有错误，正如预期的那样，＃blur div是最重要的。但经过一整天的等待改变后应用了吗？为什么我这样挣扎，是网络浏览器本身的错误还是其他什么？如html，php，javascripts，甚至我的python脚本都可以实时工作？

Answer 1

可能是一些缓存错误。你使用的是什么浏览器？如果是Chrome，请尝试创建新的隐身窗口以进行查看。或者，ctrl + shift + R或ctrl + R趋向于“硬刷新”（刷新+缓存刷新）。

Answer 2

这是因为CSS文件在下载后从Cache读取，直到它被告知刷新或浏览器自行完成。

您可以：
- 刷新浏览器缓存Ctrl + F5（你之前只试过F5吗？）
- 删除浏览器缓存
- 在CSS Url的末尾添加?v=1.0之类的内容。 （浏览器将它作为一个不同的文件，它将重新下载）

Answer 3

令人讨厌的缓存问题，它甚至可以让最平静的人感到不安。