html - 网络图片的颜色可以与其背后的颜色相反吗?

标签 html css graphics svg svg-filters

如果创建一个要在许多地方使用并覆盖在其他元素之上的网络图形,该图形是否可以与它下面的任何内容合成——比如将 Photoshop 层设置为“差异”——这样它的颜色就会反转?

具体来说,画一个“左”和“右”图像箭头,可以放置在图像轮播的顶部。它下方可能会出现许多图像,如果箭头在浅色图像上的颜色较浅,则可能难以看到。因此,颜色与其背后颜色不同的图像在浅色背景上会变暗。

我正在想象用 SVG 来做这件事,有可能,但如果它可以用 png 或其他类型的位图来完成,那也很好。

最佳答案

如果您使用的是前沿浏览器,您可以选择使用 CSS 混合模式,请参阅 this tutorial .

有关详细信息,请参阅 specification ,其中涵盖了 html、svg 和 css。

关于html - 网络图片的颜色可以与其背后的颜色相反吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25375421/

相关文章:

algorithm - 在使用半边网格实现 Catmull-Clark 分割时找到双胞胎

javascript - 如何在加载时修复光滑的 slider 跳跃图像

html - 从 DIV 隐藏滚动条

html - 使用 CSS 在响应图像上进行背景翻转

html - 如何去除 Bootstrap 中选择框的圆 Angular ?

javascript - jQuery slideDown 动画抖动

java - 如何循环浏览我创建的砖 block 图形?

html - masonry 网格布局中的图片相互重叠

javascript - 播放 youtube 视频的超链接

javascript - 在浏览器中查看时,R 中的 Dygraphs 不显示颜色