【问题标题】: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 中使用?

【问题讨论】:

标签: 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 中加载您链接到的页面,它会告诉您它不完全支持它。
    • 我说的是所有浏览器,不是所有浏览器的所有版本。
    猜你喜欢
    • 2013-05-04
    • 2021-09-08
    • 2010-10-13
    • 1970-01-01
    • 2014-10-30
    • 1970-01-01
    • 1970-01-01
    • 2014-03-29
    相关资源
    最近更新 更多