Html 通过Internet Explorer和Mozilla Firefox中的CSS更改图像对比度

我目前正在制作一个网页，允许用户使用“-webkit filter:contrast”在Chrome中动态修改图像的对比度值。不幸的是，因为Mozilla Firefox和Internet Explorer都不使用WebKit引擎（分别是Gecko和Trident），所以它们不支持我目前用于图像处理/操作的过滤器样式。由于图像的性质，我无法使用JavaScript图像处理库来处理这个问题，因此我需要使用CSS。Mozilla Firefox和/或Internet Explorer是否有任何等效样式允许我更改图像的对比度值？谢谢大家

短版

• 需要使用CSS更改图像对比度
• 无法使用JavaScript库
• 目前使用“-webkit filter:contrast”的Chrome浏览器，IE和Firefox需要类似的东西

---

不，不可能影响Firefox或Internet Explorer中图像的内容。

可能会带来更多麻烦，但您可以将图像嵌入SVG图形中，然后使用SVG过滤器。IIRC，现代浏览器对SVG过滤器有很好的支持。如果去掉前缀（

filter:contrast（）；

），至少对firefox有效吗？@Chad:还没有，尽管Mozilla正在开发it@Stephen托马斯：我会考虑将图像嵌入到SVG中，谢谢你的建议。