css - 径向渐变在 Firefox 中不起作用

标签 css firefox radial-gradients

这在 Firefox 22 中不起作用:

background-image: -moz-radial-gradient(48% -42%, 138px 138px, green 0%, lightblue 100%);

但它在 Chrome 中有效:

background-image: -webkit-radial-gradient(48% -42%, 138px 138px, green 0%, lightblue 100%);

这是 Firefox 遇到问题的第二个参数。如果改为

background-image: -moz-radial-gradient(center, ellipse cover, #008000 0%, #add8e6 100%); /* FF3.6+ */

它在 FF 中有效,但这并不是我真正想要的效果!

jsbin with example

最佳答案

我认为这是 Mozilla 的错误。它不支持定义大小的径向渐变。

SEE

关于css - 径向渐变在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18059878/

相关文章:

javascript - Chrome 一次又一次地触发 OnBlur

css - 带有 radialGradient 的 SVG 在浏览器中不起作用

css - 如何使径向渐变在 Safari 中起作用?

html - 使用 css 在 li 中显示进度

css - 为 Flexbox 列表中的图像添加叠加层

php - 样式化来自 php 表单的电子邮件

javascript - 如何将日期选择器添加到网站?

jquery - 通过访问变量重构类似的函数

html - Firefox 中的 flexbox

javascript - Firefox 为 d3.js svg 库苦苦挣扎?