应国家号召,遇见台儿庄将于2020年4月3日起,全站灰色调默哀至4月4日23:59:59(附灰色调教程)

遇见台儿庄
遇见台儿庄
遇见台儿庄
39260
文章
117
评论
2020年4月3日18:35:40 11 3K 913字阅读3分2秒

中国国务院办公厅4月3日在一则通知中指出,为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院决定,2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

应国家号召,遇见台儿庄将于2020年4月3日起,全站灰色调默哀至4月4日23:59:59

4月4日10时全国人民默哀3分钟


 

教程开始

遇见台儿庄给大家分享一行代码实现WordPress网站变成灰色,非常简单。支持PC端IE浏览器、Chrome浏览器以及火狐浏览器。

将这段代码加入主题文件夹下的style.css或div.css文件最底部,保存,到前台刷新一下,网页变灰色了吧,包括网站的广告、图片等整个网页变黑白了。

 

  1. html {  
  2.     filter: grayscale(100%);  
  3.     -webkit-filter: grayscale(100%);  
  4.     -moz-filter: grayscale(100%);  
  5.     -ms-filter: grayscale(100%);  
  6.     -o-filter: grayscale(100%);  
  7.     filter: url("data:image/svg+xml; 
  8.     utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  
  9.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
  10.     -webkit-filter: grayscale(1);  
  11. }  
继续阅读
  • 我的微信
  • 台儿庄,一个寻梦的地方。
  • weinxin
  • 微信赞赏码
  • 您的赞赏,必超所值!
  • weinxin
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:11   其中:访客  5   博主  6
    • 清隆 清隆 2

      这玩意貌似对我的站无效

        • 遇见台儿庄 遇见台儿庄

          @ 清隆 不应该吧,基本都可以的啊,你没有引用吗

            • 清隆 清隆 2

              @ 遇见台儿庄 不清楚,放在主题自定义样式或者css都无效,查看代码是加载了的

                • 遇见台儿庄 遇见台儿庄

                  @ 清隆 这就尴尬了 :arrow:

                    • 清隆 清隆 2

                      @ 遇见台儿庄 不管它了,无所畏惧

                        • 遇见台儿庄 遇见台儿庄

                          @ 清隆 不灰也没事…

                          • 遇见台儿庄 遇见台儿庄

                            @ 清隆 一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。

                              • 清隆 清隆 2

                                @ 遇见台儿庄 不应该啊,同款主题

                                  • 遇见台儿庄 遇见台儿庄

                                    @ 清隆 试试鸟哥的
                                    /** 灰**/
                                    .nav-top, #navigation-top li a, #navigation-top img, .post, .page, .widget, .tg-site, .xm4, .cover4x, #scroll, .links-box, .cms-news-grid-container, .cat-container,
                                    .gw-box, .sx4, .owl-theme, .site-footer, .contactus, .single-tag, .authorbio, #submit, .login-overlay, .header-sub, .pagenav-clear, .nav-section, .comment, .comment-respond, .group-tab-site {
                                    filter: grayscale(90%);
                                    -webkit-filter: grayscale(90%);
                                    -moz-filter: grayscale(90%);
                                    -ms-filter: grayscale(90%);
                                    -o-filter: grayscale(90%);
                                    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.9);
                                    }