2012-04-14 8 views
4

Firefoxでテキストグラデーションを適用する方法があるのだろうか?私はそれはChromeとSafariで動作するように取得することができ、コードは次のようになります:Firefoxのテキストグラデーション

h1 { 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000)); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    text-align: center; 
    text-transform: uppercase; 
    font: bold 4em "Lucida Grande", Lucida, Verdana, sans-serif; 
} 

しかし、Mozillaのためにそこに何があるようには思えません。

+0

こんにちは、 これを最終的にどのように修正しましたか? –

答えて

4

残念ながら、WebKitベースのブラウザだけがtext-fill-colorプロパティを実装していると思います。私が知っている限り、まだMozillaの回避策はありません。

+0

私もあなたの権利を考えました: -moz-background-clip:text; 背景クリップ:テキスト; 色:透明。 booo(Firefoxでの握手) – Nsokyi