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

Question

有人知道是否可以重现这种效果吗？

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));

您好，需要在低于3.6版本的火狐浏览器上生成渐变背景而不使用图片。

非常感谢您提前给出的任何建议。

- Luke

Answer 1

看起来不是这样的：MDC参考文档

在Gecko 1.9.2中引入

(Firefox 3.6 / Fennec 1.0)

在文档中向下滚动，了解如何在其他浏览器上实现此功能。令人惊讶的是，IE自5.5版本以来就可以使用此功能（当然需要使用专有标签）。

- Pekka

Answer 2

根据这个, FF <3.6不支持CSS中的线性渐变，我建议你使用图片。SVG可能会有用，但我真的不确定浏览器支持情况。

- Kyle

Answer 3

根据https://developer.mozilla.org/en/CSS/-moz-linear-gradient，-moz-linear-gradient是在Firefox 3.6中引入的，因此答案是 - 不行，旧版本的Firefox无法实现它。

注意 - 如果用户足够精通使用Firefox，他很可能正在使用最新版本。

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

- Piotr Rochala