Почему не работает градиент?

Question

[Никита Китсан]

:root{
    --color1: #0c71ca;
    --color2: #64bce2;
}


body{
    background: var(--color1);
    background: -moz-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: -webkit-linear-gradient(left, var(--color1) 0%,var(--color2) 100%);
    background: linear-gradient(to right, var(--color1) 0%,var(--color2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--color1), endColorstr=var(--color2),GradientType=1 );
}

Comments

[Вадим]

А почему Вы решили что не работает?
Проверил, работает.
Но если Вы делаете "запасной вариант" то стоит его так и определить. Это я про первую строчку в body.

- background: var(--color1);
+ background-color: var(--color1);

Ну и префиксными версиями не мусорьте код, мешает смотреть

Итого:

:root{
    --color1: #0c71ca;
    --color2: #64bce2;
}


body{
    background-color: var(--color1);
    background: linear-gradient(to right, var(--color1) 0%,var(--color2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--color1), endColorstr=var(--color2),GradientType=1 );
}

и Вы уверены что вам нужен filter?

Answer 1

[AlexProWeb]

Вначале основной цвет задан