Question

代码的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。

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

如果您希望支持多种浏览器和版本，请不要忘记为其他浏览器添加其他供应商前缀值，并在渐变规则之前添加后备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);
}

Here是一个可用于将供应商前缀添加到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”支持

在Firefox 4中看不到背景颜色

3 个答案: