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 制作结果的屏幕截图并裁剪它以制作可重复的图像。