CSS 文件更改不会反映在浏览器中答案

【问题标题】：CSS file changes are not reflected in browserCSS 文件更改不会反映在浏览器中
【发布时间】：2017-10-08 05:39:12
【问题描述】：

我在一个 css 文件中有以下函数。

#portfolio .portfolio-box .portfolio-box-caption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
 opacity: 0;
  background: rgba(13, 13, 13, 0.1);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

我已将 rgba 函数的参数值更改为：

background: rgba(255, 255, 132, 0.1);

但更改在我的浏览器中不可见。我也删除了缓存的浏览器数据，但没有得到任何结果。

请帮帮我！提前致谢。

【问题讨论】：

您是否检查了元素以查看 background 属性的更新值，以确保缓存已正确清除？
我做到了。当我检查它们时，这些值不会更新（显示旧值）。我尝试了另一个浏览器，似乎可以按预期工作。（为什么谷歌浏览器仍然存在问题？）
移除不透明度：0；并尝试。
那么缓存没有被清除。

标签： html css apache xampp

【解决方案1】：

我认为问题在于您将属性不透明度设置为零。尝试删除“不透明度：0”行或将其更改为更高的值。

【讨论】：

【解决方案2】：

尝试在 Chrome 中打开开发者工具，然后在“网络”选项卡上禁用网站缓存。

【讨论】：

【解决方案3】：

您应该对您的资产（CSS、JS，甚至是图片，以防您经常更改它们）实施指纹识别。只要您在本地主机上进行开发，缓存和清除缓存很容易，但是一旦您获得实时用户，您就无法让他们清除缓存并且是传播资产更改的唯一方法（CSS、JS、图像，字体）通过指纹识别所有用户。确切地说，如何做到这一点在很大程度上取决于您的构建过程和整个堆栈。本质上，指纹识别只是向您的资产链接添加版本查询。例如，您的 CSS 样式不会链接为 style.css，但它会链接为 style.css?v=1，然后在下一次更改时，v=2 等。或者它可能有一个基于随机查询最后更改时间戳或其他方式。

【讨论】：

【解决方案4】：

将不透明度从 0 更改为 0.5：

opacity: 0.5;

将 rgba 中的“a”从 0.1 更改为 0.8

background: rgba(13, 255, 13, 0.8);

或者像这里解释的那样禁用 chrome 缓存Disabling Chrome cache for website development

【讨论】：

不透明度应该是介于 0.0 和 1.0 之间的值
是的。我只想用大于 0 的不透明度进行测试。我说 50 只是与 0 不同的示例。
嗯嗯，谢谢@keithjgrant，我只是看到我的错'50'。我编辑了它。