javascript - 背景颜色在 Firefox 4 中不可见

Question

这是我正在使用的小提琴：http: //jsfiddle.net/SxZGE/

代码的html部分是：

<div  class="Right green">
    <h2>
      <div class="number colorV"> 8.123456 </div>
      <div id="text"> huh-fjiuetie</div>
    </h2>
    <div  class="Right-after green-after"></div>
</div>

问题：我的浏览器是 firefox4，我看不到背景颜色，即文本下方的绿色（在更高版本的 firefox 中可见）

有人可以在不更改浏览器或升级它的情况下为此提供解决方案（以便查看背景颜色）（即我的浏览器必须是 firefox4 并且应根据需要呈现此页面）

Answer 1

尝试添加供应商前缀值-moz-linear-gradient.

这是您的小提琴的更新版本。

如果您希望支持许多浏览器和版本，请不要忘记为其他浏览器添加其他供应商前缀值，并在渐变规则background: #005b26; 之前添加回退。

你完成的课程看起来像这样：

.green {
    background: #005b26;
    background: -webkit-linear-gradient(to left, #1d9755,#005b26,#002000);
    background: -moz-linear-gradient(to left, #1d9755,#005b26,#002000);
    background: -o-linear-gradient(to left, #1d9755,#005b26,#002000);
    background: -ms-linear-gradient(to left, #1d9755,#005b26,#002000);
    background: linear-gradient(to left, #1d9755,#005b26,#002000);
}

这是一个可用于将供应商前缀添加到 CSS 的工具。

Answer 2

尝试将您的 .green 类更改为以下内容：

.green {
  background: -moz-linear-gradient(to left, #1d9755,#005b26,#002000);
  background: -webkit-linear-gradient(to left, #1d9755,#005b26,#002000);
  background: linear-gradient(to left, #1d9755,#005b26,#002000);
}

Answer 3

尝试使用此供应商前缀 CSS 规则：

-moz-linear-gradient(to left, #1d9755,#005b26,#002000)

来自 FF 3.6+ 的“-moz-linear-gradient”支持