マスクフィルタ

■動作ブラウザ　【 IE:4.0　 NN:-】　■CSSバージョン【-】

	3.0x	4.0x	4.5	5.0x	5.5	6.0	2.0x	3.0x	4.x	6.0	2.x	7.x	1.x
	Internet Explorer						Netscape Navigator				iCab	Opera	Safari
Windows	×	○	-	○	○	○	×	×	×	×	-
Macintosh	×	×	×	×	-	-	×	×	×	×	×	×	×
UNIX	-	-	-	-	-	-	×	×	×	×	-

ポイント

filter:mask(color=yellow);

説　　明

マスクフィルタはmask()になります。mask()では以下のパラメータを指定することができます。

color	カラー名またはカラーコード
enabled	trueまたはfalse。フィルタ効果の有無。

サンプル

<html>
<head>
<title>カラーマスク</title>
<style type="text/css"></style>
</head>
<body background="photo.jpg" text="yellow">
<div class="msk">
カラーマスクです。指定したマスクカラーになります。<br>
<img src="photo.jpg">
</div>
</body>
</html>

補足説明

上記サンプルではフィルタで黄色のマスクカラーを設定しているため、表示ピクセルがない部分が黄色になります。表示するピクセルがある文字や画像部分は透明になります。

■サンプルを実行する　>>実行
■各ブラウザでの動作結果を見る　>>View!