架構師_程序員

 找回密碼
 注冊[Register]

QQ登錄

只需一步,快速開始

查看: 166|回復: 1

[CSS/DIV] 清明節全站顯示(圖片)黑白至灰效果

[復制鏈接]
發表于 2020-4-4 09:31:16 | 顯示全部樓層
清明節,又稱踏青節、行清節、三月節、祭祖節等,節期在仲春與暮春之交。清明節源自上古時代的祖先信仰與春祭禮俗,兼具自然與人文兩大內涵,既是自然節氣點,也是傳統節日。掃墓祭祖與踏青郊游是清明節的兩大禮俗主題,這兩大傳統禮俗主題在中國自古傳承,至今不輟。
2020年4月4日,是我們傳統的清明節,而在今年為表達全國各族人民對抗擊新冠肺炎疫情斗爭犧牲烈士和逝世同胞的深切哀悼,國務院今天發布公告,決定 2020 年 4 月 4 日舉行全國性哀悼活動。在此期間,全國和駐外使領館下半旗志哀,全國停止公共娛樂活動。4 月 4 日 10 時起,全國人民默哀 3 分鐘,汽車、火車、艦船鳴笛,防空警報鳴響。

作為一個個體,我無法為這些同胞做什么,只能相應號召,主動將網站變為黑白,以表達哀悼之情。

拷貝以下CSS代碼即可快速完成網頁變黑色灰色,肅穆莊重的頁面,支持多瀏覽器。

  1. <style type="text/css">
  2. html {
  3.         filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
  4.         -webkit-filter: grayscale(100%);
  5.         -moz-filter: grayscale(100%);
  6.         -ms-filter: grayscale(100%);
  7.         -o-filter: grayscale(100%);
  8.         filter: grayscale(100%);
  9.         filter: gray;
  10. }
  11. </style>
復制代碼
效果圖如下:

如果IE下無法顯示黑白效果,請在head頭部添加如下代碼:

  1. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />
復制代碼

QQ截圖20200404092353.jpg

另外附上discuz(dz)論壇,將網站黑白至灰設置。

登錄dz論壇后臺,點擊全局-SEO設置-其他-其他頭部信息,添加css代碼,提交即可。

如下圖:

QQ截圖20200404092923.jpg







上一篇:某馬57期的全套視頻
下一篇:掛茶館_VIP第三部熱血傳奇輔助系列教程 - 合購VIP收集整理
碼農網,只發表在實踐過程中,遇到的技術難題,不誤導他人。
發表于 2020-4-4 13:39:55 | 顯示全部樓層
呵呵,響應國家號召哦
碼農網,只發表在實踐過程中,遇到的技術難題,不誤導他人。
您需要登錄后才可以回帖 登錄 | 注冊[Register]

本版積分規則

免責聲明:
碼農網所發布的一切軟件、編程資料或者文章僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦中徹底刪除上述內容。如果您喜歡該程序,請支持正版軟件,購買注冊,得到更好的正版服務。如有侵權請郵件與我們聯系處理。

Mail To:help@itsvse.com

QQ|Archiver|手機版|小黑屋|架構師 ( 魯ICP備14021824號-2 )|網站地圖

GMT+8, 2020-5-6 13:18

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復 返回頂部 返回列表
捕鸟达人老版