CSSプロパティは、IE6

Question

のために働いていない私はこれを持っている：

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(210,210,210,1))); 

そのすべてのブラウザのためにとIE9のために働いて、誰かが他の

よろしく

を使用するために何を教えてもらえますIE6 のために働いていません

Answer 1

IEの古いフィルタルールを使用する必要があります。質問に記載されているルールには、Webkit（chrome）をターゲットとするベンダープレフィックスが含まれています（例：政府などで使用することを意図しています。 、サファリなど）ブラウザのみ。 - クロスプラットフォームのグラデーションを作成するのに役立つ素敵なジェネレータhereがあります。 IE6-9のルールは次のようになります。

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 * 

Answer 2

Webkitプレフィックスは、Chrome、Safari、Android、iPhoneなどのWebkitブラウザでのみ機能します。たとえば、Firefoxでは-moz、Operaでは-oを使用する必要があります。

IE6にはグラデーションはまったくサポートされていないため、イメージを使用するか、IE6サポートを削除する必要があります。これはおそらく良い選択です。多くのユーザーがまだIE6にいません。

Answer 3

Internet Explorerの勾配フィルタは、カラーストップ、勾配角度、および放射状のグラデーションをサポートしていません。これは、StartColorStrとEndColorStrの2色で水平または垂直の線形グラデーションのみを指定できることを意味します。

Answer 4

勾配をサポートしていない唯一のブラウザではないため、フィルタを使用してもすべてのブラウザが表示されるわけではありません。

もう1つのアプローチは、フィーチャ検出をサポートし、フォールバックイメージまたはソリッドカラーを使用するためのto use Modernizrです。例えば

：

#box { 
// Normal gradient syntax 
} 

.no-cssgradients #box { 
// Fallback image 
}