Ответ 1
Свойство -webkit-gradient устарело. Используйте новый синтаксис градиента:
background: -webkit-linear-gradient(#000, #888);
Градиент не работает в 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'>";
Ответы
Ответ 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%);