html5 / css中具有單一rgb透明顏色的重疊圖像

Question

我想在我的html5程序中讀取具有固定背景rgb顏色（例如（0,0,0））的圖片（gif彩色圖像），並將其覆蓋在另一幅圖像上，只有該背景色是透明的。 請注意，背景不是固定的形狀-例如，天空中有飛過的前景鳥。 我只想看那只鳥。 我嘗試了以下方法

<div style="z-index: 100; position: absolute; top: 39px; left: 72pix; background-color: #ffffff; opacity: 0.5">

<img alt="overlay image" src="overlay.gif" WIDTH=32 HEIGHT=32></div></div>

但這會使整個疊加層0.5透明。 我試過插入

<div style="background: rgba(0,0,0,0.0)"></div>

但這不會更改圖像的rgb值，只會設置圖像周圍的實際背景。

Answer 1

您將無法僅使用CSS / HTML來執行此操作。 它將需要SVG或JavaScript。 類似問題的答案在這里 。