0

グラデーションに関しては、選択できるオプションがたくさんあります。グラデーションが線形の場合、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 を使用している場合、ブラウザでのサポートについては誰もが知っています。良いアドバイスをいただければ幸いです。

4

2 に答える 2

0

他に利用できるオプションがないため、画像の使用をお勧めします。

于 2012-04-26T21:28:46.553 に答える
0

IE のみを対象とし、このツールで生成できるSVG を使用することを検討します。「古い」バージョンをサポートする必要がある場合 (タイトルが示すように)、この記事で説明されているように、いくつかのライブラリが必要になる場合があります。

于 2012-04-26T22:14:23.650 に答える