html - 渐变在 Chrome 中不起作用，但在 Firefox 中有效

Question

我正在尝试为 Chrome 使用 webkit 渐变标记，但它根本不起作用。我已经在 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'>";

Answer 1

-webkit-gradient 属性已弃用。使用 new gradient syntax :

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