通过设置CSS样式,可以兼容大部分的浏览器,代码如下:
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
body {
filter: gray;
}
如果需要兼容IE10、11的话,需要通过JS控制,引入grayscale.js:
<script src="https://j11y.io/demos/grayscale/grayscale.js"></script>
具体JS代码如下:
window.onload = function(){
var el = document.getElementsByTagName("body");
grayscale(el);
}
本文介绍如何使用CSS设置灰度滤镜,并确保在多种浏览器中兼容显示,包括使用前缀兼容不同浏览器及通过JS增强IE10、11的支持。
748

被折叠的 条评论
为什么被折叠?



