如果您使用 android 浏览器查看此 fiddle (http://jsfiddle.net/5ajYD/)，您会发现构成花朵的 PNG 具有白色背景。
在所有其他浏览器上，它显示完全正常，除了 android 浏览器。
我已经用谷歌搜索了这个问题，但我唯一能找到的是 png strip 问题，并且与 android 应用程序编程有关。
这让我想起了 MSIE 6 对透明图像的问题，我觉得很奇怪这种情况发生了。
有谁知道在 android 浏览器上解决此问题的方法？
由于不同浏览器的渐变差异，我不能使用非透明背景。
到目前为止我已经尝试过:
位置 0px 0px，但这不起作用
也失败并在其他浏览器中中断。
我发现这种问题出现在现代浏览器上非常令人费解......即使是诺基亚 n95 也能做到......
我正在测试/发现的 android 版本是 android 2.3.4(Sony Ericsson Xperia Arc S LT18i)
这就是我在手机上的 android 浏览器中看到的 fiddle
http://t.co/mofPkqjf
最佳答案
我有一个很大的面部表情时刻。
我已经为此奋斗了两个月，我根本无法弄清楚其中的逻辑。问题出在 econtainer 元素中，它有一个参数:width:100%。
发生的情况是它只将宽度渲染到视口(viewport)的实际页面宽度。
因此，如果您在移动设备上有一个 480 像素宽的浏览器屏幕，它会将宽度设置为 480 像素，渲染 480 像素的渐变，并且在您横向滚动时不会重新渲染。
通过添加 min-width:1200px 解决了这个问题；现在它可以正确渲染了!
谢谢大家关注这个...
关于在渐变上半透明透明的 png 的 CSS 背景显示为白色背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11329228/