CSS3 не кросс-браузерный рендеринг - PullRequest
0 голосов
/ 10 февраля 2012

У меня есть CSS3 градиенты и CSS3 background-clip, но Firefox, Safari и IE не отображают их.Это мой код:

Я пробовал с фильтрами Погид для IE, но ничего.

Спасибо!

 background: linear-gradient(top, #b58600 0%, #ffbd00 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-            stop(0%,#b58600), color-stop(100%,#ffbbd00)); 
 background: -webkit-linear-gradient(top, #b58600 0%, #ffbd00 100%);
 background: -moz-linear-gradient(top, #b58600 0%, #ffbd00 100%);
 background: -o-linear-gradient(top, #b58600 0%, #ffbd00 100%);
 background: -ms-linear-gradient(top, #b58600 0%, #ffbd00 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b58600', endColorstr='#ffbd00',GradientType=0 );
 background-clip: text;
 -webkit-background-clip: text;
 -moz-background-clip: text;
 -o-background-clip: text;
 -ms-background-clip: text;
 -khtml-background-clip: text;

1 Ответ

0 голосов
/ 10 февраля 2012

Также измените свойство color на transparent

Пример: http://jsfiddle.net/E22wh/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...