css - 显示为全白的径向渐变

Question

根据 an Adobe forum thread ，从 AIR 3.0 开始支持径向渐变，但 body{} 中的以下两行 CSS 仅显示为全白:

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #088fe0), color-stop(50%, #001193), color-stop(100%, #00025f));

background: -webkit-radial-gradient(center, ellipse cover, #088fe0 0%, #001193 50%, #00025f 100%);

我能够成功地使用线性渐变:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #088fe0), color-stop(100%, #00025f));

这里出了什么问题？

我正在运行 Windows 7 Ultimate SP1 x64，在使用 adl 时使用 AIR v3.6.0.6090，在运行编译版本时使用 v3.8.0.1430。

Answer 1

我创建了一个 fiddle为了更好地理解，请查看详细信息，

只有第一个在 Chrome 浏览器中不工作..

其他两个工作正常。

请提供有关浏览器规范问题的更多详细信息。

编辑:根据需求更新

我已经更新了fiddle现在工作正常，

第一个渐变过滤器不起作用，因为你必须记住它不适用于 % size 和

您也不能在 PX 中指定大小，这是隐含的；如果您以 px 为单位指定，则如果不起作用。

我已经更新了它在 Chrome(-webkit 浏览器)中工作正常。应该也可以与 AIR 一起工作。

background: -webkit-gradient(radial, center center, 0, center center, 100, color-stop(0%, #088fe0), color-stop(50%, #001193), color-stop(100%, #00025f));