Использование CSS3 PIE для эффекта градиента в IE8

Я использую CSS3PIE для создания градиентного фона для div.

-pie-background: linear-gradient(#BFBBBB, #FFFFFF);

Приведенный выше код дает желаемый эффект. Но это заполняет всю высоту div градиентом.

Мне нужно ограничить градиент несколькими пикселями (или процентами) от верхней части div.

Эквивалент CSS3 для Chrome:

фон: -webkit-gradient(линейный, левый вверху, левый внизу, цвет-стоп(0%, #BFBBBB), цвет-стоп(30%, #FFFFFF));

Ключ здесь color-stop(30%, #FFFFFF). Если вы использовали CSS3 PIE ранее, предложите, как получить свойство color-stop с помощью CSS3-PIE.


html css css3pie
person Abhijeet    schedule 13.12.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward 

linear-gradient(#BFBBBB, #FFFFFF 30%);

PIE использует стандартный синтаксис градиента (за исключением параметра direction, который был изменен в спецификации, но еще не обновлен в PIE).

Говоря об этом, вы также должны использовать стандартный синтаксис (при необходимости с префиксом) и для других браузеров. Старый синтаксис -webkit-gradient больше не является текущим предпочтительным синтаксисом.

person lojjic    schedule 14.12.2012