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

Question

这是我正在使用的 fiddle : 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

尝试添加 vendor 前缀值 -moz-linear-gradient。

Here是你的 fiddle 的更新版本。

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

你完成的类(class)看起来像这样:

.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);
}

Here是一种可用于将 vendor 前缀添加到 CSS 的工具。