css3 линейно-градиентное фоновое изображение не работает в опере 11.11

Question

Opera 11.10 Ubuntu 10.04 64 Бит: РАБОТАЕТ

Opera 11.11, Windows 7, 64-разрядная версия: НЕ РАБОТАЕТ

background-color: #D22027;
background-image:         linear-gradient(bottom, #D22027, #444444);
background-image:    -moz-linear-gradient(bottom, #D22027, #444444);
background-image: -webkit-linear-gradient(bottom, #D22027, #444444);
background-image:      -o-linear-gradient(bottom, #D22027, #444444);

Есть идеи?

Answer 1

Ваш код градиента неверен, это не изображение

background:         linear-gradient(bottom, #D22027, #444444);
background:    -moz-linear-gradient(bottom, #D22027, #444444);
background: -webkit-linear-gradient(bottom, #D22027, #444444);
background:      -o-linear-gradient(bottom, #D22027, #444444);

теперь они работают для меня в сафари, кроме, опере, опере рядом, IE и Firefox. и добавьте их для совместимости

/* Chrome before 10,Safari4+ */
background: -webkit-gradient(bottom, #D22027, #444444);
/* IE10 */
background:     -ms-linear-gradient(bottom, #D22027, #444444);

и вы можете использовать http://www.colorzilla.com/gradient-editor/ для быстрого создания совместимых градиентов и / или для обучения.