如何让渐变在Firefox中工作答案

【问题标题】：How to get gradients to work in firefox如何让渐变在Firefox中工作
【发布时间】：2012-08-28 23:23:53
【问题描述】：

我正在制作一个渐变导航栏，如下所示：

/* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b49931), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
background-color:#5f5f5f; /* Fallback */

它在 safari 中运行良好，但在 firefox 中不起作用。我知道制作图像会更好，但有什么简单的方法可以在 Firefox 和 safari 中使用？

【问题讨论】：

你在this page中找不到答案吗？

标签： html css firefox gradient

【解决方案1】：

我做了一个 JSFiddle http://jsfiddle.net/BVbfQ/ 您可以使用 Safari 对结果进行屏幕截图并对其进行裁剪以制作可重复的图像。

【讨论】：

【解决方案2】：

使用此工具。适用于所有浏览器

http://www.colorzilla.com/gradient-editor/

【讨论】：

适用于所有浏览器？呃，你可能想检查一下IE。在 IE 7-9 中，您必须使用诸如pie css 之类的扩展名才能使渐变生效。如果您甚至尝试在 IE 中加载您链接到的页面，它会告诉您它不完全支持它。
我说的是所有浏览器，不是所有浏览器的所有版本。