<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <style> html { 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+ */ -webkit-filter: grayscale(100%); /* chrome+ */ filter: grayscale(100%); /* 未来浏览器 */ filter: gray; /* ie7-9 */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /*ie7-9 */ } </style> <body> <span style='color:red;'>sdfs</span> <img src="http://tp4.sinaimg.cn/1852873663/180/5626494122/1"/> </body> </html>