本文介绍了一种通过CSS样式实现图片灰度显示的方法。利用多种浏览器引擎的支持，确保了跨平台的一致性。该方法简单易用，适用于网页设计中需要灰度效果的场景。
<html> <head runat="server"> <title></title> <style type="text/css"> img.aa { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } </style> </head> <body> <form id="form1" runat="server"> <div> <img src="image/Untitled-1.png" class="aa" /> </div> </form> </body> </html>
转载于:https://www.cnblogs.com/xuyuchen/p/8282973.html
扫一扫
276
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
