2012-03-14 18 views
3

数週間前、私はウェブ上で、カラーマスクを適用したイメージのカラー領域を置き換えて透明にすることについて話していることを忘れずに知りました。イメージのCSSカラーのアルファ

たとえば、新しいcssプロパティを適用して白を透明にすることができる、白の上にロゴの画像があるとします。

私はそれについて何も見つかりませんでした。おそらく、CSS3の新しい能力やベンダー固有のプロパティを提案しているのは男かもしれません。

誰かが私が話していることを知っている場合に備えて、私はこれをここに投げています。

答えて

1

まず質問を誤読してしまいました。

いつでも画像をhtml5キャンバスにロードし、画像をループして、rg & bの正しい組み合わせに基づいてアルファチャンネルを0または255に変更できます。ここでは、始めるために何か:http://dev.opera.com/articles/view/html-5-canvas-the-basics/

+0

ええ、私はキャンバスを使ってそれをするのに興味がありません。それは、ブラウザがそれをサポートしている場合はそれを持っていることは涼しいだろうが、私はこれを実装しようとしている透明な背景を持っていない大きな問題ではありません。それは他の何よりも楽しいものでした。とにかくありがとう。 – hchinchilla

-1

私はこれだけwebに不透明度を追加する方法を見つけました:

<img src="image.png" class="opacity30" /> 

として、我々は たちのCSSファイルにそのクラスを追加する必要があり、これが機能するためによくそれはこのようになります...

.opacity30 { filter:alpha(opacity=30); 
-moz-opacity:0.3; 
-khtml-opacity: 0.3; opacity: 0.3; } 

EDIT1:

私はあなたに役立つことができ、このlinkを見つけます。そのページでimgタグに画像マスクを追加する方法を教えてください。

+0

これは私が探しているものでもありません。あなたが提供する2番目のリンクは、私が求めているものと似ていますが、アルファの代わりにカラーマッチングに基づいています。つまり、imgに完全な白いマスクを適用すると、imgの白い部分が透明になります。 – hchinchilla

+0

OPは色を透明なものに変換する方法を尋ねました。画像全体を透明にする方法ではありません... – serhio

関連する問題