※これは上<DIV>領域のオリジナルです ※これは下<DIV>領域のオリジナルです。背景色。 |
◆プロパティー(Properties)
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>