Установка начальной и конечной позиции линейного градиента в MSIE 9 и старше - PullRequest
Новая
       24

Установка начальной и конечной позиции линейного градиента в MSIE 9 и старше

2 голосов
/ 12 ноября 2011

У меня есть этот CSS 

background-image: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

с префиксами -moz, -o, -webkit, -ms (для IE10).

Мне нужно получить это поведение для старых IE, использующих фильтр MSIE.

Я могу сделать это 

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F17B19', gradientType='1');

Но в предыдущем случае он ведет себя как 

background-image: linear-gradient(360deg,rgb(255,255,255),rgb(241,123,25));

или 

background-image: linear-gradient(360deg,rgb(255,255,255) 0% ,rgb(241,123,25) 100%);

Есть ли способ ( без использования нескольких делений ), чтобы выполнить настройку начальной и конечной точки градиента (в данном случае 25% и 75%) с помощью CSS-фильтра MSIE?

1 Ответ

3 голосов
/ 13 ноября 2011

К сожалению, это совершенно невозможно сделать с filter.

Однако вы можете сделать это, используя CSS3 PIE , который использует JavaScript.

Это относительно безболезненно: 

div {
    background-image: -moz-linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

    -pie-background: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);
    behavior: url(/PIE.htc);
}
...