问题标签 [linear-gradients]

如果您使用 android 浏览器查看这个小提琴（http://jsfiddle.net/5ajYD/），您会看到构成花朵的 PNG 具有白色背景。

在所有其他浏览器上，它显示完全正常，除了 android 浏览器。我已经用谷歌搜索了这个问题，但我唯一能找到的是 png 条带问题，并且与 android 应用程序编程有关。

这让我想起了 MSIE 6 对透明图像的问题，我觉得很奇怪这种情况发生了。

有谁知道在 android 浏览器上解决此问题的方法？由于不同浏览器的渐变差异，我不能使用非透明背景。

到目前为止我已经尝试过：

• 我已经尝试过使用位于 0px 0px 位置的“多个”背景，但这不起作用
• 我尝试用鲜花向 div 添加渐变，但这也失败了，并且在其他浏览器中中断了。

我发现这种问题出现在现代浏览器上非常令人费解......即使是诺基亚 n95 也能做到......

我正在测试/发现的 android 版本是 android 2.3.4(Sony Ericsson Xperia Arc S LT18i)

这就是我在手机上的 android 浏览器中看到的小提琴

http://t.co/mofPkqjf

我有这个线性渐变，我不知道为什么它不能“工作”。

它应该以浅灰色开始并以浅灰色结束，但大约 80% 时，它全是白色，带有一条显着的白线。任何人都可以看到有什么问题吗？

我的 CSS 在这里：

谢谢

编辑：我正在使用 chrome 来测试渐变...

请原谅 我试图让我的列表视图弹出一点图像的缺乏。我正在尝试的一个选项是为每个列表行的背景添加渐变。渐变具有三种颜色，默认情况下类似于以下结构：

-- (起始颜色)
|
|
-- (中心颜色)
|
|
--（结束颜色）

我希望它更像这样：

-- (起始颜色)
|
-- (中心颜色)
|
|
-- (中心颜色)
|
--（结束颜色）

不同之处在于中间有更多的中心颜色，并且渐变从非常接近末端开始。

有人可以给我一些指导吗？

编辑我试图尽可能远离图像，尽管我不反对尝试图像选项。

我开始使用 CSS 渐变，而不是实际的图像，原因有两个：首先，CSS 渐变的加载速度肯定比图像快，其次，它们不应该像许多光栅图形那样显示条带。我最近开始在各种屏幕上测试我的网站，在较大的屏幕（24 英寸以上）上，构成我网站背景的 CSS 线性渐变显示非常明显的条纹。作为临时修复，我用一个小的、重复的、透明PNG的噪声图像覆盖了渐变，这有点帮助。有没有其他方法可以解决此条带问题？

我无法在 Safari 和 Chrome 中显示线性渐变。在 Firefox 中，它显示得很好。

我在尝试：

谢谢你的帮助。

background-color: #BADA55;和之间的效率有什么区别background: #BADA55;？我意识到这很简单，但是浏览器提取每个值的方式是否存在差异。另外，在一个稍微相关的注释上，在CSS3Please上，我注意到对于线性渐变，他们使用background-image. 有什么理由不简单地使用background？

我有这个渐变：

现在它的高度为 150，但我希望这个高度与画布或父视图相同。我将在 onDraw(Canvas) 中使用渐变，所以我不能使用 new 语句。没有新的声明可以吗？

BR FireFly3000

我使用以下 CSS 代码为线性渐变创建了一个线性渐变：

我想知道如何获得相同的渐变，从 #444444 到 #222222，向上直到白色箭头，停止，然后从 #222222 开始以与上面相同的方式返回到 #444444 的底部边缘.

谢谢你。

如何创建从指定位置（x 轴上的像素）开始的程序化水平渐变？

这就是问题所在 - 我将图像设置为background-image- 理想情况下，我想做的是声明一个 CSS 渐变，它从靠近图像边缘（~1800 像素）开始并优雅地渐变为全黑。

到目前为止，我最好的解决方案是有两个 div 元素——一个带有照片背景，另一个带有一个 1px 高的渐变图像，沿着 y 轴重复background-position，从 1780px 开始。

这行得通，但我真的想摆脱 1px 图像技巧。有任何想法吗？

理论上，我想做的是在 1780 像素处使用颜色停止作为 CSS 渐变，但据我了解，CSS 仅支持 % 值作为颜色停止。

参考： CSS 3 Gradient n pixel from bottom - Webkit/Safari

这是 Google Chrome 中的线性渐变代码：

我如何将此属性转换为 IE9？