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);

Answer 2

使用colorzilla gradient generator进行交叉浏览器渐变

Answer 3

请改用：

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

-webkit-gradient适用于Chrome v2 ...

Answer 4

尝试

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

Answer 5

webkit需要更多内容：

你在firefox中写道：

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

在你写的chrome中

：

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

Answer 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))
    );

Answer 7

铬和Mozilla的渐变颜色

background-image：-webkit-gradient（线性，左下，左上，颜色停止（0.10，＃72abe0），颜色停止（0.90，＃eceaeb））; background-image：-moz-linear-gradient（中心底部，＃72abe0 10％，＃eceaeb 90％）;

Gradient无法在Chrome中运行，但适用于Firefox

7 个答案: