0

私はこれを持っています：

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では機能しません。他に何を使用するか教えてもらえますか

よろしく

4

4 に答える 4

1

IE の古いフィルター ルールを使用する必要があります。質問で言及したルールには、Webkit (chrome、safari など) ブラウザーのみを対象とするベンダー プレフィックスがあります。-ここには、クロスプラットフォームのグラデーションを作成するのに役立つきちんとしたジェネレーターがあります。IE6-9 のルールは次のようになります。

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 *
于 2012-05-02T12:38:42.947 に答える
0

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

IE6 にはグラデーションのサポートがまったくないため、代わりに画像を使用するか、IE6 のサポートを削除する必要があります。これはおそらく良い選択です。まだ IE6 を使用しているユーザーは多くありません。(これが政府などで特に使用することを意図していない限り、多くの場合行き詰っています。)

于 2012-05-02T12:38:28.923 に答える
0

グラデーションをサポートしていないブラウザーは Internet Explorer 8 以前だけではないため、フィルターを使用してもすべてのブラウザーが検出されるわけではありません。

もう 1 つのアプローチは、Modernizrを使用して機能検出のサポートを行い、代替画像または単色を使用することです。

例えば：

#box {
// Normal gradient syntax
}

.no-cssgradients #box {
// Fallback image
}
于 2012-05-02T12:58:09.680 に答える
0

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

于 2012-05-02T12:54:27.037 に答える