CSS顏色爲alpha的圖像？

幾個星期前，我記得在網頁上看到一個頁面，談論如何使用顏色掩碼替換圖像的顏色區域並使它們透明。CSS顏色爲alpha的圖像？

例如，給出一個白色的圖像，可以通過應用一些新的CSS屬性變成白色透明。

我找不到任何關於它的信息，也許它只是一個提供CSS3或供應商特定屬性的新功能的人。

爲了防萬一有人知道我在說什麼，並且可以給它一些提示，我在此拋出它。

不好意思誤解你的問題。

您可以隨時嘗試將圖像加載到html5畫布，循環顯示圖像並根據rg & b的正確組合將alpha通道更改爲0或255。這裏的東西，讓你開始：http://dev.opera.com/articles/view/html-5-canvas-the-basics/

2012-03-14 09:06:39 jous

是的，但我不想使用畫布做它。這是一種情況，如果瀏覽器支持它，它會很酷，但沒有什麼大不了的，我沒有透明的背景，我試圖實現這一點。這比其他任何事情都更有趣。無論如何，謝謝。 – hchinchilla 2012-03-14 09:31:05

-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標籤。

2012-03-14 17:46:02 Galled

這不是我要找的。你提供的第二個鏈接與我所要求的類似，但基於顏色匹配而不是阿爾法。我的意思是，當你將全白色面具應用於img時，img上的白色區域將變得透明。 – hchinchilla 2012-03-15 07:22:11

OP問及如何將顏色轉換爲透明顏色，而不是如何使整個圖像透明。 – serhio 2014-06-05 13:19:28

回答