Google chrome 铬中的CSS3椭圆梯度

我想在chrome中得到一个椭圆形的渐变。我试过了

    background-image:
    -webkit-gradient(ellipse, center top, 0, center top, 50, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5))),
    -webkit-gradient(linear, 50% 100%, 50% 0%, from(#0A6B9A), to(#29ABE2));

不走运。我试过在网上和一些书中找到的一些其他东西，但都失败了，或者说成了圆圈

通过firefox很容易做到（对感兴趣的人来说效果很酷）：

这在chrome中可能吗？这应该是可能的，根据计划的规格为梯度，我见过。也许Chrome还没有支持它

**编辑

---

哦，我已经检查过了，样式没有被覆盖，或者任何类似的jazz都是专为Firefox保留的CSS属性-这就是为什么它在Chrome（以及任何其他浏览器）中不起作用的原因

更具体地说，以

-

开头的每个CSS属性都不是标准的，只适用于特定的浏览器。它仅用于兼容性。如果浏览器不理解属性的含义，它只会跳过它，这就是为什么CSS文件中有多个属性，这也是同样的原因

-moz

和

-webkit

不能在任何地方工作（不仅仅是对您）

对于CSS3兼容的浏览器，它应该是W3c约定中的色调，如

background: radial-gradient(ellipse at center, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);

（颜色不同，只需注意背景：径向渐变（椭圆…）

---

您可以使用或任何其他CSS渐变生成器进行此操作，只需将方向设置为径向。

-moz

是仅为Firefox保留的CSS属性-这就是为什么它在Chrome（以及任何其他浏览器）中不起作用的原因

更具体地说，以

-

开头的每个CSS属性都不是标准的，只适用于特定的浏览器。它只用于兼容性。如果浏览器不理解该属性的含义，它会跳过它，这就是为什么CSS文件中有多个属性，这与

-moz

和

-webk的原因相同它

不会在任何地方都起作用（不仅仅是对你）

对于CSS3兼容的浏览器，它应该是W3c约定中的色调，如

background: radial-gradient(ellipse at center, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);

（颜色不同，只需注意背景：径向渐变（椭圆…）

---

你可以使用CSS gradient generator或其他任何CSS gradient generator，只需将方向设置为radial即可。

Sweet，这是一个快速响应。是的，我知道moz的事情，但感谢你在我不知道的情况下加入。我能找到的所有文档都表明chrome只支持-webkit gradient版本。我猜这是旧信息。我会接受你的最短回答时间到了。很好，这是一个快速的响应。是的，我知道moz的事情，但感谢你在我不知道的情况下加入。我能找到的所有文档都读到chrome只支持-webkit渐变版本。我猜这是旧信息。当最短回答时间到了，我会接受你的。