欢迎访问覃师宁博客!

帝国cms使用手册

覃师宁博客

qinshining.com

国难日哀悼日网站一键变灰或黑白html或css代码

通常在国难日、重大哀悼日当天,以及一些有影响力的大人物去世或周年纪念日,作为站长,我们都会把网站的所有页面做成灰色(黑白),以表达对逝者的哀思,那么今天我们就来说说,用几行简单的代码,来实现这个功能。

第一种:修改CSS文件实现网站变灰效果

<!-- 定义html灰色样式 -->

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

<!-- 或者定义body灰色样式 -->

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- */}

第二种:<html>加入内联样式使网站变灰

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

第三种:在网页头部的<herd></herd>标签内加入以下代码,使网站变灰

<style type="text/css">

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

</style>

三种方法,各凭所爱,喜欢怎么折腾怎么来。网站变灰也是站长对国难日哀悼日的尊重和逝者的缅怀。

如果您觉得文章对您有所帮助,请不妨点赞,打赏,或者在评论区说出你的想法!

  • 人觉得很有价值

  • 打赏

    请不妨打赏支持一下

  • 没有

    人觉得价值一般

  • 感谢您的支持,我会继续努力的!
    扫码支持
    支付宝扫一扫,向我打赏

    文章评论

    人参与,共有 0 条评论

    为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

    微信订阅号