0

これが私が働いているフィドルです： 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である必要があり、このページは必要に応じてレンダリングする必要があります）

4

3 に答える 3

2

のベンダープレフィックス値を追加してみてください-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 にベンダー プレフィックスを追加するために使用できるツールを次に示します。

于 2013-10-11T03:04:27.730 に答える
0

.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);
}
于 2013-10-11T03:04:55.533 に答える
0

このベンダー プレフィックス付きの CSS ルールを使用してみてください。

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

FF 3.6+ からの「-moz-linear-gradient」のサポート

于 2013-10-11T03:07:31.180 に答える