3

我正在尝试为 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'>";
4

7 回答 7

10

该-webkit-gradient属性已弃用。使用新的渐变语法：

 background: -webkit-linear-gradient(#000, #888);
于 2012-05-21T10:18:41.837 回答
3

使用colorzilla 渐变生成器进行跨浏览器渐变

于 2012-05-21T10:17:40.137 回答
2

改用这个：

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

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

于 2012-05-21T10:18:16.500 回答
1

尝试

-webkit-linear-gradient(#000, #888);
于 2012-05-21T10:18:21.290 回答
1

webkit 需要更多东西：

你在 Firefox 中的哪个地方写：

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

在铬你写：

background:-webkit-gradient(linear, left top, left bottom, from(#d39637), to(#000000));
于 2012-05-21T10:20:31.637 回答
1

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))
    );
于 2012-05-21T10:38:42.210 回答
1

chrome 和 Mozilla 的渐变色

背景图像：-webkit-gradient（线性，左下，左上，颜色停止（0.10，#72abe0），颜色停止（0.90，#eceaeb））；背景图像：-moz-linear-gradient（中心底部，#72abe0 10%，#eceaeb 90%）；

于 2012-05-21T10:46:06.970 回答