渐变不在Chrome中工作，但在Firefox中工作 [英] Gradient not working in Chrome, but works in Firefox

问题描述

我尝试使用Chrome的webkit渐变标记，但是根本不起作用。我已经在Firefox中使用背景尝试过了：-moz-linear-gradient（＃000，＃888）; ，它工作得很好。

b
$ b

然而， background：-webkit-gradient（线性，从（＃000）到（＃888））; 工作。这里是我的代码：

$ p $ echo< tr style ='background：-moz-linear-gradient（＃000， ＃888）; background：-webkit-gradient（线性，从（＃000）到（＃888））;>< td width ='65'>< img src ='images / avatar / defaultuser .jpg'height = '65'width ='65'>;





解决方案 -webkit-gradient不推荐使用属性。使用新的渐变语法：

  background：-webkit-linear-gradient（＃000，＃888）; 
  

I'm trying to use the webkit gradient tag for Chrome, but it doesn't work at all. I've tried it in Firefox with the background:-moz-linear-gradient(#000, #888);, and it works just fine.

However with background: -webkit-gradient(linear, from(#000), to(#888)); it doesn't work. Here's my bit of code:

   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'>";

解决方案

The -webkit-gradient property is deprecated. Use the new gradient syntax:

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

这篇关于渐变不在Chrome中工作，但在Firefox中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！