Css实现的图片灰度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
? <html xmlns="http://www.w3.org/1999/xhtml">
? <head>
????? <title>Darkness would teach me more appreciative sight!</title>
???? <style type="text/css">
???? HTML? {
?????????? FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
????????? }
??? </style>
?</head>
?<body>
?<h1>To face the earthquake, Union is strength.</h1>
?<img src="http://www.my400800.cn/img/11.jpg" alt="Css兑现的图片灰度" />
?</body>
?</html>
?
原图片效果
?
灰度化后效果
