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でも簡単に機能する方法はありますか?

Answer 1

このツールを使用します。すべてのブラウザで動作

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

Answer 2

私は JSFiddle を作成しましたhttp://jsfiddle.net/BVbfQ/ Safari を使用して結果のスクリーンショットを作成し、それをトリミングして繰り返し可能な画像を作成できます。