国产视频app一般在清明節,全國哀悼日,大地震的日子,以及一些影響力很大的偉人逝世或紀念日的時候,身為站長的我們都會讓自己的網站的全部網頁變成灰色(黑白色),以表示我們對逝者的悼念。那么今天就說說,通過幾行簡單的代碼,來實現這個功能。

第一種:修改CSS文件

我們可以在網頁的CSS文件中添加以下的CSS代碼,來實現網頁黑白色,也就是網站變灰

CSS代碼

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

第二種:在網頁的<head>標簽內加入以下代碼

如果你不想改動CSS文件,你可以通過在網頁頭部中的<head>標簽內部加入內聯CSS代碼的形式實現網站網頁變灰

代碼

<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>

第三種:修改<html>標簽加入內聯樣式

如里上面的兩種方式都不喜歡,可以通過修改<html>標簽,以加入內聯樣式的方法,達到網頁變灰的效果

代碼

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">

第四種:作者本人用的CSS代碼

代碼:

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */
}

国产视频appPS:以上幾種方法,都是通過CSS的濾鏡來控制頁面的顯示而已,唯一不同的就CSS代碼調用的方式。各位,喜歡哪種就自己挖去吧!