2020年4月4日國家哀悼日把網(wǎng)站變灰色修改方法和代碼
2020年4月4日國家哀悼日恰逢清明,通過下面幾種修改html的css樣式代碼方法,可以讓網(wǎng)站和網(wǎng)頁全部變成灰色,悼念2020年新冠肺炎死去的同胞寄托哀思。下面是樣式代碼,根據(jù)自己需要修改即可。
第一種方法:修改全站
找到您網(wǎng)站里面的.css文件,修改這個(gè)css文件,把下面的代碼加到最后面一行,保存FTP傳到香港空間即可,清空瀏覽器緩存就看到了。
*{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }
第二種方法:同上
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
第三種方法:當(dāng)網(wǎng)站不用css文件時(shí)可用
當(dāng)網(wǎng)站不用css文件時(shí)候,可以直接網(wǎng)頁上插入這個(gè)代碼放在在<head>和</head> 之間之間
該方法針對新款瀏覽器例如Chrome、EDGE、Safari
<style> *{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } </style>
該方法針對IE舊款瀏覽器,如果您網(wǎng)站不是html5的
<style> html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);} </style>
第四種方法:跟第一種一樣,可以放在css文件最后一行
跟第一種一樣,可以放在css文件最后一行
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);}