Линейный градиент не работает в Chrome, даже с приставкой поставщика

Question

Я использую это в качестве фона для одного из моих дивы и объявил префикс поставщика для всех:

background: -webkit-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll; 
background: -moz-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll; 
background: -o-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll; 
background: -ms-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll; 
background: linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll; 

Однако, это не в Chrome. Вместо этого мой div становится прозрачным (потому что он вообще не распознает фон). Моей версией Chrome является Версия 29, которая должна быть актуальной.

Я сделал что-то не так?

Answer 1

Как уже упоминалось в комментариях, center является недопустимым свойством для linear-gradient. Для взгляда углубленного в синтаксисе Mozilla Developer Network охватывает это очень хорошо:

linear-gradient([<angle> | to <side-or-corner> ,]? <color-stop> [,<color-stop>]+) 
       \--------------------------------/ \----------------------------/ 
        Definition of the gradient line  List of color stops 

top, bottom, left и right являются единственными свойствами, параметр <side-or-corner> принимает.

Если вы не можете работать с градиентом вручную, существуют различные онлайн-инструменты, которые помогут вам создать градиент, который вы ищете, одним из лучших является Colorzilla's Ultimate CSS Gradient Generator.