CSS3放射状グラデーション代替

Question

それは、我々は多くのオプションから選択する必要がグラデーションに来るとき： の1- CSS3 2 - SVG 3 - 画像 がより多くのオプションがあるかもしれないが、これらは最も一般的です。グラデーションが線形の場合、IEの古いバージョンでは正常に劣化しますが、ここでは、css3で作成された放射状のグラデーションについて説明しています。ここ はそれのためのCSSです：ライブデモ用

background: #7d7e7d; 
background: -moz-radial-gradient(center, ellipse cover, #7d7e7d 0%, #0e0e0e 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); 
background: -webkit-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
background: -o-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
background: -ms-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
background: radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1); 

あなたはhttp://bloghutsbeta.blogspot.com/

このページを見ることができますが、IEでそのデモページを参照してくださいかのように今、私はこの問題の解決策を求めていますあなたはラジアルグラジエントの表示方法が良くないことがわかります。サイズが大きすぎる画像を使用すると、5KBを超える画像を購入する余裕はありません。私がSVGを使用している場合、私たちは皆、ブラウザでのサポートについて知っています。 良いアドバイスをいただければ幸いです。

Answer 1

Imageを使用することをお勧めします。私はあなたに別のオプションがありません。

Answer 2

私はIEのみを対象とし、SVGを使用することを検討しています（this tool can generate）。 "古い"バージョン（タイトルが示すように）をサポートする必要がある場合は、this article talks aboutというライブラリが必要になることがあります。