如果要创建一个意图在许多地方使用并覆盖在其他元素之上的网页图形,那么图形是否可能与其下方的任何内容合成 - 例如将Photoshop图层设置为“差异” - 这样它的颜色会反转?
具体来说,想象一下可以放在图像轮播顶部的“左”和“右”图像箭头。许多图像可能出现在它下面,如果箭头在浅色图像上浅色,它们可能很难看到。因此,在浅色背景下,颜色与背后颜色不同的图像会变暗。
我正在想象用SVG来做这件事,但是如果它可以用png或其他类型的位图来完成,那也很整洁。
答案 0 :(得分:1)
如果您使用的是最先进的浏览器,您可以选择使用CSS混合模式,请参阅this tutorial。
有关详细信息,请参阅specification,其中包含html,svg和css。
答案 1 :(得分:0)
是的,但是如果你想要一个只有CSS的解决方案,那么支持就很差了。你有IE版本的逆过滤器,现在你有Webkit支持,但是关于它。但是,您可以使用Paul Irish的JQuery Invert插件。它完全符合您的要求,显然比CSS有更好的支持