chroma    <DIV STYLE="filter:chroma(Properties)・・・>Object</DIV>
Welcome to my page
Welcome to my page

※これは上<DIV>領域のオリジナルです

※これは下<DIV>領域のオリジナルです。背景色。
◆プロパティー(Properties)
DIVタグにフィルターとオブジェクトを定義します。 下のプロパティーの値の選択により、左のサンプルを制御出来ます。 同時に、ソースコードに反映されます。サンプルでは透過色とオブジェクトの文字の色は同じにしています。
Color= 透過する色(#RRGGBBまたは色名指定)
Enabled= フィルターの有効(true)・無効(false)

上背景色: 上に配置する<DIV>ブロックの背景色(Filter定義域)
下背景色: 下に配置する<DIV>ブロックの背景色

◆オブジェクトの特定な色を透過して表示します
サンプルでは、DIV領域(<DIV>)を2つ重ねて定義しています。上部にchroma及びオブジェクトを定義し、下部は背景として使用します。
オブジェクトの文字色を透過する色に指定してしるので、下部DIV領域の背景色が浮き出ます。 DIV領域を重ねる場合、STYLE文のz-index属性で指定します。
値の数字が大きい方が上に来ます。(ソースコード参照)
(類似)mask Filter

クリップボードにコピーします!
<DIV id=ChromaDisp1 style="POSITION: absolute; TOP: 40px; LEFT: 20px; WIDTH: 350px; HEIGHT: 90px; font-size:32px; background-color:#ffffff; z-index:1;
 filter:chroma(Enabled=true,Color=#000000);">
<center><font color=#000000>Welcome to my page</font><br><img src="./img/iexplore40.gif"></center>
</DIV>
<DIV id=ChromaDisp0 style="POSITION: absolute; TOP: 40px; LEFT: 20px; WIDTH: 350px; HEIGHT: 90px; font-size:32px; background-color:green; z-index:0;">
</DIV>