xhtml - 是否有任何解决方案可以在 firefox 3.5 及更低版本中获得对 CSS Gradient 的支持？

Question

是否有任何解决方案可以在 firefox 3.5 及更低版本中获得对 CSS 渐变的支持？

http://hacks.mozilla.org/2009/11/building-beautiful-buttons-with-css-gradients/

Answer 1

我强烈建议您只使用 BG 图片。我知道每个人都等不及要开始使用所有最新的 CSS3 功能，但我们都必须等待 CSS3 的这些部分被主要浏览器采用(这将在 CSS3 达到 W3C 之前发生)推荐)。

在我看来，使用特定于供应商的扩展是一种不好的做法，看起来像是回到了没人关心网络标准的时代，网络开发人员也只是为单一浏览器编码(连同俗气的专为IE 按钮)，或者必须以多种方式编写相同的代码以支持不同的浏览器。所有主流浏览器现在都支持 PNG alpha 图层透明度。因此，强制使用 CSS 生成渐变实际上没有什么优势。它只会引入不必要的代码冗余。

如果您仍然决定绝对不使用 BG 图像，那么唯一的选择就是使用 JavaScript。这是一个应该在 Firefox 3 及更高版本中工作的脚本，甚至可能在 Firefox 2 中工作:JavaScript Gradient Roundrects .

代码看起来像这样:

var style = {
    'gradient-start-color': 0x99ddff,
    'gradient-end-color': 0xffffff,
    'border-radius': 1
};
OSGradient.applyGradient(style, $('#Disp')[0]);

但这仍然是一种迂回的方式来获得可以使用简单的 1x50px PNG 图像获得的结果。