Градиент не работает в Chrome, но работает в Firefox.

Я пытаюсь использовать тег градиента webkit для Chrome, но он вообще не работает. Я пробовал его в Firefox с помощью background:-moz-linear-gradient(#000, #888);, и он отлично работает.

Однако с background: -webkit-gradient(linear, from(#000), to(#888)); он не работает. Вот мой код:

   echo "<tr style='background:-moz-linear-gradient(#000, #888); background: -webkit-gradient(linear, from(#000), to(#888));'><td width='65'><img src='images/avatar/defaultuser.jpg' height='65' width='65'>";

Ответ 1

Свойство -webkit-gradient устарело. Используйте новый синтаксис градиента:

 background: -webkit-linear-gradient(#000, #888);

Ответ 2

Используйте генератор градиента colorzilla для градиентов crossbrowser

Ответ 3

Используйте это вместо:

background: -webkit-linear-gradient(#000, #888);

-webkit-gradient для Chrome v2...

Ответ 4

попробуйте

-webkit-linear-gradient(#000, #888);

Ответ 5

webkit нуждается в чем-то еще:

где в firefox вы пишете:

background:-moz-linear-gradient(top, #d39637, #000000); /* Firefox 3.6+ */

в хром вы пишете:

background:-webkit-gradient(linear, left top, left bottom, from(#d39637), to(#000000));

Ответ 6

Webkit имеет свой собственный синтаксис для градиентов

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(0,0,0,1)),
        color-stop(1, rgba(136,136,136,1))
    );

Ответ 7

Цвет градиента для хрома и Mozilla

background-image: -webkit-gradient (линейное, левое нижнее, левое верхнее, цвет-стоп (0.10, # 72abe0), color-stop (0.90, #eceaeb)); background-image: -moz-linear-gradient (центральное дно, # 72abe0 10%, #eceaeb 90%);