如何在 Firefox < 3.6 中使用 CSS 创建渐变背景？答案

【问题标题】：How to create gradient background with CSS in Firefox < 3.6?如何在 Firefox < 3.6 中使用 CSS 创建渐变背景？
【发布时间】：2010-05-21 18:03:11
【问题描述】：

任何人都知道是否可以重现这种效果

background-image: -moz-linear-gradient(top, #666666, #000000);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #666666));

也在 ff

非常感谢您的任何建议。

【问题讨论】：

标签： css firefox background

【解决方案1】：

好像不是这样：MDC Reference

在 Gecko 1.9.2 中引入

（Firefox 3.6 / Fennec 1.0）

在文档中向下滚动以了解如何在其他浏览器上执行此操作。令人惊讶的是，IE 从 5.5 开始就可以做到这一点（当然，使用专有标签）。

【讨论】：

【解决方案2】：

According to this, FF images。 SVG 可能会派上用场，但我真的不确定 browser support 是否会这样做。

【讨论】：

【解决方案3】：

根据https://developer.mozilla.org/en/CSS/-moz-linear-gradient -moz-linear-gradient 是在 Firefox 3.6 中引入的，所以答案是——不，旧版本的 Firefox 做不到。

注意——如果用户一开始就足够精通使用 Firefox，那么他很可能使用的是最新版本。

如果您想了解更多关于跨浏览器兼容的 CSS 渐变的信息，请查看post。

【讨论】：