【Chroma()】指定した色を透過する

filterプロパティのChroma()では、画像やテキストから指定した1色を透過することができます。

透過したい色をパラメータの値にRGB値などで指定して下さい。 テキストや画像の中から、その指定した色が透過されます。

書式

  • filter:progid:DXImageTransform.Microsoft.Chroma(★) ……… 指定した色を透明にする(IE5.5以上)
  • filter:chroma(★) ……… 指定した色を透明にする(IE4以上)

★:Color=色

Color=色
透明にしたい色をRGB値やカラーネームなどで指定します。色については色一覧を参照

使用した時の例

.sample1 img{
  filter:progid:DXImageTransform.Microsoft.Chroma(Color=#784615);
}
.sample2 img {
  filter:chroma(color=#784615);
}	
<p>フィルタを適用していない画像<br />
  <img src="image.jpg" alt="" width="130" height="87">
</p>
<p class="sample1">sample1を適用した画像。Chroma(Color=#784615)<br />
  <img src="image.jpg" alt="" width="130" height="87">
</p>
<p class="sample2">sample2を適用した画像。Chroma(Color=#784615)<br />
  <img src="image.jpg" alt="" width="130" height="87">
</p>

ブラウザ上の表示例

フィルタを適用していない画像

sample1を適用した画像。Chroma(Color=#784615)

sample2を適用した画像。Chroma(Color=#784615)

対応ブラウザなどのデータ

プロパティ 独自拡張
対応ブラウザ Internet Explorer4~
※IE10以降は未対応

関連情報