html - 如何让渐变在Firefox中工作

Question

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

/* 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 中使用吗？

Answer 1

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

Answer 2

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

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