css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法

html-css010

css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法,第1张

直接将其放入页面中的<style></style>即可，或者外部样式直接在内部引用。

html,body { 

-webkit-filter: grayscale(100%) 

-moz-filter: grayscale(100%) 

-ms-filter: grayscale(100%) 

-o-filter: grayscale(100%) 

filter: grayscale(100%) 

filter: gray 

}

td{

background-color:#000

}

td:nth-child(2n){

background-color:#fff

}

tr:nth-child(2n) td{

background-color:#fff

}

tr:nth-child(2n) td:nth-child(2n){

background-color:#000

}