一代领袖逝世本站开灰纪念下

一代领袖江主席逝世本站开灰纪念下,同时写一篇关于网站实现全灰需要用到的代码教程!

今天这里给大家分享一行代码实现网站变成灰色,非常简单的教程。不需要插件,只需要一行代码即可实现,效果如下:

第一种

一般主题都有自定义CSS样式设置页面,只需要将下面的代码放进去保存即可(WordPress,zblog主题等)。若没有设置的地方,可以放在网站主题根目录的stly.css文件中:

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

或者

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

第二种

以上方法不可用的话,在主题目录的functions.php文件里面添加以下内容

//网站整体变灰
  function hui_head_css() {
 $styles = "";
 $styles .= "html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}";
 if ($styles) {
 echo "<style>" . $styles . "</style>";
 }
 }
 add_action("wp_head", "hui_head_css");

是不是挺方便的！

编辑：艺创网络

本文链接：http://www.yc-idc.net/yichuangwangluo/YiDaiLingXiuShiShi.shtml  转载请注明出处，谢谢！