在html5 / css中使用单个rgb透明颜色叠加图像

时间:2013-02-08 17:00:25

标签: html css html5-canvas

我想在我的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值,只会设置图像周围的实际背景。

1 个答案:

答案 0 :(得分:0)

您无法仅使用CSS / HTML执行此操作。它需要SVG或JavaScript。对类似问题的回答是here