Javascript / CSS是否可以从div中过滤某种颜色?

时间:2014-02-25 22:45:52

标签: javascript html css

例如,我在白色背景上有一张黑色星星的照片。我将使用jquery来制作它,以便用户可以拖动这个星。但是,我怎样才能使白色背景颜色在技术上透明?我不希望图像是透明的 - 只有图像为白色背景颜色。我希望它是透明的,以便用户可以将其拖过其他颜色的div而不会注意到背景存在。

这可能吗?

2 个答案:

答案 0 :(得分:1)

这是白色设置为完全透明。最后一个值是不透明度。例如,如果您想要50%不透明度,请使用0.5

background-color: rgba(255, 255, 255, 0);

答案 1 :(得分:1)

您不能修改图像背景(假设它不透明),除非您使用某些东西作为SVG,它允许您更改所绘制的内容。

如果它是透明的,设置一个简单的background: #ff0000(红色)会将透明区域更改为该颜色,我不喜欢使用,但确实有效。

如果你选择一个SVG解决方案(我明白会解决它并且它有点不那么难),我会推荐一些库,例如Snap.svg(我个人喜欢)或{{3 (这给了IE6一直支持,这个awsome库的成本是什么)