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

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

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

下背景色: 下に配置する<DIV>ブロックの背景色

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

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