css3使網(wǎng)頁、圖片變成灰色兼容大多數(shù)瀏覽器

字號:


    這篇文章主要介紹了使用css3使網(wǎng)頁、圖片變成灰色且兼容大多數(shù)瀏覽器的方法,感興趣的朋友可以參考下。
    在網(wǎng)頁頭部引用下面內(nèi)容即可,針對ie、google、火狐、safari、opera都有效。
    代碼如下:
    html{filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);
    -webkit-filter:grayscale(1)}