css3 moz-linear-gradient 不工作答案

【问题标题】：css3 moz-linear-gradient not workingcss3 moz-linear-gradient 不工作
【发布时间】：2010-08-17 13:52:49
【问题描述】：

由于某种原因，我的 webkit 定义适用于 chrome，但在 Firefox 3.5.11 中我没有看到我的渐变。

html {
  height: 100%;
}
body {
  height: 100%;
  background-repeat: no-repeat;
}
body{
  height:100%;
  background-color: #eaebeb;
  background-image: -moz-linear-gradient(top, #eaebeb, #fff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaebeb), to(#fff));
}

我在https://developer.mozilla.org/en/using_gradients 上尝试过示例，但没有成功。

【问题讨论】：

标签： css firefox gradient

【解决方案1】：

咳咳

在页面顶部：

在 Gecko 1.9.2 (Firefox 3.6 / 雷鸟 3.1 / Fennec 1.0)

当然它不会在 Firefox 3.5 中工作。

【讨论】：

@Yi 谢谢队友 :-) 我以为我有最新的，因为我在这里运行 Fedora 13，但显然还没有在 3.6 上，所以我什至没有想过检查版本。

【解决方案2】：

使用渐变时将background-image 更改为background。

【讨论】：

【解决方案3】：

应该是background，而不是background-image。

【讨论】：

使用“background-image”是一种允许旧浏览器使用的解决方法。因为它会将渐变的“图像”置于背景颜色之上。如果您使用非实心渐变（即 alpha 小于 1 的渐变），您可能会得到一些意想不到的效果（颜色将通过渐变显示）但在显示的示例中它应该可以正常工作（假设您有更新的浏览器）。