css使图片变成灰色的代码怎么写？
网友回复
css编写图片变灰的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
img {
-webkit-filter: grayscale(1);
/* Webkit */
filter: gray;
filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns=' http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
')
/* IE6-9 */
filter: grayscale(1);
/* W3C */
}
</style>
</head>
<body>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MTI1NzZGRkI2MkQxMUVCOUQ4NUZDMTcwQTYxRERGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MTI1NzcwMEI2MkQxMUVCOUQ4NUZDMTcwQTYxRERGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUxMjU3NkZEQjYyRDExRUI5RDg1RkMxNzBBNjFEREYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxMjU3NkZFQjYyRDExRUI5RDg1RkMxNzBBNjFEREYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+36U1JwAAApJJREFUeNpi/P//PwMhINb9BMY0BmJrIFaEYhEg/gjE94H4ARCfBOLD6PpflcpgNZeFCIv5gFQSEMcCsREDYXALiBcB8QIgfopPISM+nwMtTgVSrUAsykA6+AHEjUDcgcvnWC0HWsoBpNYDsQcD5eAMEAcAHfCUoOVAi/mhcafOQD3wAYitgA64jizIhEXhWSpbDAICIA8BPSaM03Kg5G4gpcxAG8CLnhOYkCwGpWYXBtoCTaA99ShxDs1Or4CYnYE+QBYY/09gPo+no8UgUIAc7Nk0sGA+EBdDS0B0kAIOd...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
