怎么將網(wǎng)站整體色調變黑白灰色?一般很莊重的事情或者影響力很大的偉人逝世、紀念日的時候,站長會把網(wǎng)站全部網(wǎng)頁設置為灰色或者黑白色,以表示對逝者的悼念,本篇整理了四種可以實現(xiàn)網(wǎng)頁變成灰色的代碼,一起看看吧。
怎么將網(wǎng)站整體色調變黑白灰色?
第一種:修改CSS文件
我們可以在網(wǎng)頁的CSS文件中添加以下的CSS代碼,來實現(xiàn)網(wǎng)頁黑白色,也就是網(wǎng)站變灰。
CSS代碼:
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
第二種:在網(wǎng)頁的標簽內加入以下代碼
如果你不想改動CSS文件,你可以通過在網(wǎng)頁頭部中的標簽內部加入內聯(lián)CSS代碼的形式實現(xiàn)網(wǎng)站網(wǎng)頁變灰。
代碼:
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
or
html{
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(“data:image/svg+xml;utf8,#grayscale”); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);
}
有一些站長的網(wǎng)站可能使用這個css 不能生效,是因為網(wǎng)站沒有使用最新的網(wǎng)頁標準協(xié)議。
請將網(wǎng)頁最頭部的替換為以上代碼。
第三種:修改標簽加入內聯(lián)樣式
如里上面的兩種方式都不喜歡,可以通過修改標簽,以加入內聯(lián)樣式的方法,達到網(wǎng)頁變灰的效果
代碼:
《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- */}
PS:以上幾種方法,都是通過CSS的濾鏡來控制頁面的顯示而已,唯一不同的就CSS代碼調用的方式。