IEでグラデーション付きの透明色を使用できますか?
私はもう試した
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=transparent, endColorstr=red);
奇妙なことに、これにより、IE9でも、青から黒へのグラデーションが作成されます。
IEでグラデーション付きの透明色を使用できますか?
私はもう試した
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=transparent, endColorstr=red);
奇妙なことに、これにより、IE9でも、青から黒へのグラデーションが作成されます。
(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
パラメータは以下を受け入れます。
0(透明)から4294967295(不透明な白)の範囲のカラー値を指定または受け取る 整数。
参照: http: //msdn.microsoft.com/en-us/library/ms532929 (v = vs.85).aspx
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
これは機能します:
#000000FF
それで:
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000FF, endColorstr=red);
そして、テストされていませんが、0も機能すると聞いています。次に、startColorstrではなくstartColorです。