The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Grayscaling an image
Hi
Is there any other alternative way of gray scaling an image apart from css filters.
As filters are not supported in IE 10.
I think there is a JS/JQ method.
https://github.com/Prydie/jQuery-GreyScale-Plugin
or
http://gianlucaguarini.com/canvas-experiments/jQuery.BlackAndWhite/
Google is your friend
Actually filter property is supported in IE10 but DX filters are not supported there. So you can use svg with filters :
filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\’/></filter></svg>#grayscale”); }