.siyahbeyaz img { 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 10+ */ }
<h4>Mozilla Firefox +10 greyscale</h4> <div class="siyahbeyaz"> <a href="http://www.mintik.com/?p=19031"><img src="http://lorempixel.com/400/200/nature/1/" /></a> </div> <h4>Resmin normal hali</h4> <a href="http://www.mintik.com/?p=19031"><img src="http://lorempixel.com/400/200/nature/1/" /></a>