Использование CSS-переменных в Chrome 29+

Question

Мой браузер Chrome только что переключился с версии 28 на версию 29. После его переключения мой код css3 перестал работать в новой версии, и мне было интересно, знает ли кто-нибудь, как решить проблему, без нужно установить мой браузер обратно в версию 28?

UPDATE 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 переменные в том, чтобы включить флаг (см следующее изображение)

Answer 1

Итак, после того, как читая 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); 
} 

UPDATE Chrome 30 В то, что, как представляется переход от прекращение использования WebKit для Chromium's Blink, есть другой флаг, который должен быть включен под названием Включить возможности экспериментальной веб-платформы. Решение Article at chromium.org.

ОБНОВЛЕНИЕ Chrome 34 CSS Variables spec. еще раз изменилось. Были также другие проблемы, характерные для старого кода. Я не обновлял этот ответ, потому что это был совсем другой вопрос. Пожалуйста, см. this post для получения дополнительной информации.