使用CSS将图片转换成黑白(灰色置灰)

Posted 2022-09-10 catherlee

法1??：

 

IE浏览器： filter: gray;

其他浏览器：

.gray  
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;

 

法2??： 通过 Greyscale.js

<script src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>

grayscale(document.getElementById("thisImage"));

或者 grayscale($("#thisImage"));