網站全局變黑白灰!只需一行代碼!

全國性哀悼,很多網站都變爲灰色。

到底怎麼設置的?

在CSS樣式中添加

html {
    filter: grayscale(100%);
}

網上很多資料都是下面這樣設置的

html {
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    /*
        -moz代表firefox瀏覽器私有屬性
        -ms代表ie瀏覽器私有屬性
        -webkit代表safari、chrome私有屬性。*/
}

但是自己測試過了,IE11瀏覽器無效

 

其實只需添加html{filter: grayscale(100%);}即可

 

然後我也測試一下CSDN的網站

發現也不兼容IE11 ,還是彩色的

在谷歌瀏覽器等其它瀏覽器都能生效,灰色的

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章