Question

我正在使用jQuery Mobile和Phonegap开发一个应用程序。我想在背景中使用＃3c3c3c（灰色）到＃000000（黑色）的颜色渐变，但是当我使用此代码时

background:  -webkit-linear-gradient(top, #3c3c3c, #000000);

你可以看到几个不同灰色阴影的大酒吧。所以没有线性渐变。你也可以看到一些绿色和一些紫色条。

  - Sorry as a new user I am not able to insert a Screenshot -

我还试图插入一个显示颜色渐变的背景图像，但这也看起来如上所述（我们也试图最大化图片的颜色深度，但这也没有改变结果）。

设备是否可能无法显示线性渐变的足够颜色？还有另一种创建线性渐变的可能性吗？

非常感谢任何帮助！

我正在测试 Galaxy Tab GT-P1000 固件版本2.2

Answer 1

涵盖所有基础：

        background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c), to( #000000)) !important; /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(#3c3c3c, #000000) !important; /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient(#3c3c3c, #000000) !important; /* FF3.6 */
        background-image:     -ms-linear-gradient(#3c3c3c, #000000) !important; /* IE10 */
        background-image:      -o-linear-gradient(#3c3c3c, #000000) !important; /* Opera 11.10+ */
        background-image:         linear-gradient(#3c3c3c, #000000) !important;

如果你不需要它，请删除！important，我用它来覆盖一些默认的jQM样式，这就是为什么并确保你有background-clip：border-box; （这是默认的）

Answer 2

可能你必须这样写：

background:  -webkit-linear-gradient(top, #3c3c3c 0%, #000000 100%);

CSS：Android Web App：颜色渐变问题

2 个答案: