3

IEでグラデーション付きの透明色を使用できますか?

私はもう試した

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=transparent, endColorstr=red);

奇妙なことに、これにより、IE9でも、青から黒へのグラデーションが作成されます。

4

2 に答える 2

9

(start|end)ColorStr属性によってサポートされている「透過的な」値については言及されていません。Internet Explorer 8以下の場合、次のコードを試すことができます。

.transparentGradient {

    /* The element needs layout */
    zoom: 1;

    filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=0, endColorStr=#FFFFFF
    );
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=0, endColorStr=#FFFFFF
    );
}

これが実際の例です。IE8、互換モード、およびIE6でテストしました。

startColor / endColor

startColorおよびendColorパラメータは以下を受け入れます。

0(透明)から4294967295(不透明な白)の範囲のカラー値を指定または受け取る 整数。

参照: http: //msdn.microsoft.com/en-us/library/ms532929 (v = vs.85).aspx

startColorStr / endColorStr

startColorStrまたは/およびendColorStrを使用することもできます。

#FF000000から#FFFFFFFFの範囲の値を指定または受け取る文字列。

したがって、「#RRGGBB」(例のように)または「#AARRGGBB」形式で色を指定できます。後者は次のように定義されます。

色は#AARRGGBB形式で表されます。ここで、AAはアルファ16進値、RRは赤16進値、GGは緑16進値、BBは青16進値です。アルファ値は、オブジェクトの不透明度を制御します。アルファ値00は透明ですが、FF値は不透明です。

デフォルト値は#FF0000FF(不透明な青)であり、範囲外の値を渡すと、デフォルトでその値になります。参照: http: //msdn.microsoft.com/en-us/library/ms532930 (v = vs.85).aspx


それを忘れないでください:

オブジェクトには、フィルターをレンダリングするためのレイアウトが必要です。

参照: http: //msdn.microsoft.com/en-us/library/ie/ms530752 (v = vs.85).aspx

于 2013-02-02T16:18:29.297 に答える
6

これは機能します:

#000000FF

それで:

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000FF, endColorstr=red);

そして、テストされていませんが、0も機能すると聞いています。次に、startColorstrではなくstartColorです。

于 2013-02-02T16:19:18.073 に答える