javascript - 我们可以使用纯 CSS 或 jQuery 获得 "Chroma key"技术吗？

Question

这不是微不足道的。我想创建一个色度键菜单。对于那些不熟悉的人，在删除绿色背景(或任何颜色)并添加特殊背景的视频中也是如此。

我在菜单中有图像作为背景。我想要的是以某种方式设置背景透明的部分，其余部分填充颜色。在下面的示例中，菜单的背景是图像。没有一个我们能有这样的背景吗？

我对统一的解决方案感兴趣，而不是使用 css3 的解决方案。

Answer 1

我很高兴被证明是错误的，但我很确定答案是否定的，即使使用 CSS3 也是如此。 也许使用 IE 的非常先进的 filter() 但它们不是跨浏览器的。

对背景使用透明 channel 是唯一的方法。这不是微不足道的，但您可以使用服务器端脚本将特定颜色更改为透明颜色。

ImageMagick应该可以做到这一点。 Here's一个有前途的例子。

但是，这些示例用于替换一种 颜色。是否有可能使抗锯齿边缘看起来很好(“透明”颜色混合到表面颜色中，创建程序必须检测的混合物)，我不知道。

如果可能的话，从一开始就使用适当的透明度。