telekommander
2/5/2014 - 9:54 AM

Enable gray filter

Enable gray filter

.element { 
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: Gray(); /* IE6-9 */
	/* Since IE10 filter wont work anymore */
}

/*
Try this for crossbrowser support:
http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11/
*/