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

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

也在ff＆lt; 3.6？ 我试着生成没有图像的渐变背景！

提前感谢任何建议。

Answer 1

看起来不那样：MDC Reference

  

在Gecko 1.9.2中引入

     

（Firefox 3.6 / Fennec 1.0）

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

Answer 2

According to this，FF＆lt; 3.6不支持CSS中的线性渐变，我建议你使用images。 SVG可能会派上用场，但我真的不确定browser support。

Answer 3

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

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

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