问移动Safari -webkit-梯度iOS5 5/6不一致

EN

我注意到移动Safari在iOS5和iOS6句柄上的方式不一致-webkit-径向梯度，我想在一个webapp中纠正它。

以下列例子为例：

div {
    width:100%;
    height:100%;
    background-color: black;
    background-image: -webkit-radial-gradient(center center, circle cover, rgba(255,255,255,1), rgba(0,0,0,0) 75%);
    position:absolute;
}

适用于

<div>&nbsp;</div>

可查看/可编辑:移动设备的http://jsfiddle.net/kJ8z3/3/：http://fiddle.jshell.net/kJ8z3/3/show/

由于某些原因，梯度在iOS6上“更强”。

• iOS6截图 (iPad 2，WebKit 536.26)
• iOS5截图 (iPad 1，WebKit 534.46)

更新版的Google (WebKit 537.4)或Safari (Webkit 534.57.2)在桌面上产生的梯度更接近于iOS5，因此它可能不是直接的WebKit问题。

两种设备都报告32位颜色深度(screen.colorDepth)，但是来自iOS5的渐变似乎显示了显带的伪影指示性或较低的颜色深度。谷歌Chrome报告32位深度，但有更多的条带比桌面Safari，后者只报告24位的颜色深度。

知道怎么回事吗？或者更重要的是，从实际的角度来看，我怎样才能调和两者之间的差异呢？我想要一个完全相同的径向渐变，α透明度从白色下降到透明。