4

我的 Chrome 浏览器刚刚从 28 版切换到 29 版。切换后，我的 css3 代码在新版本中停止工作，我想知道是否有人知道如何解决这个问题，而无需将我的浏览器设置回 28 版？

更新 Chrome 30从 Chrome 29 过渡到 Chrome 30 也杀死了 CSS 变量。启用实验性 WebKit 功能标志不再是一个选项。

我一直在使用实验性的 WebKit 功能，特别是 CSS 变量。以下功能是我特别希望再次工作的功能：

:root { 
  -webkit-var-Darkest: #3d0305;
  -webkit-var-Lightest: #EDD08C;
  -webkit-var-Light: #a98b46;
  -webkit-var-Cool: #38fcce;
  -webkit-var-Dark: #79161d;

  color: -webkit-var(Darkest);
  border-color: -webkit-var(Darkest);
  background-color: -webkit-var(Light);
}

以前我使用 CSS 变量所要做的就是启用标志（见下图）

启用实验性 WebKit 功能选项

4

1 回答 1

5

因此，在阅读code.google.com试图找到解决方案后，我发现他们一直计划从“实验性 WebKit 功能”中删除此功能并支持 CSS3 标准，从而消除-webkit-供应商前缀的必要性。

我认为这意味着它是在 Chrome 29 中实现的。因此，将上述代码更改为以下代码解决了该问题：

:root {
  var-Darkest: #3d0305;
  var-Lightest: #EDD08C;
  var-Light: #a98b46;
  var-Cool: #38fcce;
  var-Dark: #79161d;

  color: var(Darkest);
  border-color: var(Darkest);
  background-color: var(Light);
}

更新 Chrome 30在从结束使用 WebKit到 Chromium 的 Blink的过渡中，有一个不同的标志需要启用，称为启用实验性 Web 平台功能。chromium.org上的一篇文章给出了解决方案。

*启用实验性 Web 平台功能* 选项

更新 Chrome 34 CSS 变量规范 。又变了。还有其他特定于旧代码的问题。我没有更新这个答案，因为这是一个相当不同的问题。有关此问题的更多信息，请参阅此帖子。

于 2013-09-03T18:59:58.653 回答