温馨提示:网站使用自适应技术,手机与电脑显示界面不同,电脑界面显示效果更佳。

做了个小站,积累一些技术,分享一些原创
    体会生活,记录一些小随笔,闲说心得

让网站变成整站灰白代码

2020年,一场突如其来的新型冠状病毒肺炎席卷中国,甚至全世界

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院发布公告,决定2020年4月4日举行全国性哀悼活动。

在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响

做为站长,也能让网站做出致敬,站点哀悼,所以,这里特提供灰白的素装代码,供有需要的朋友使用。以下为全站CSS代码。

html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,如果网站使用css,那么将代码加到CSS最顶端就可以实现素装灰白。

更简单的如:

<style type="text/css">
html {
FILTER: gray
}
</style>

也可以的。

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

也同样可以

如果有一些网站如果使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object>和</object>之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

原创:张荣国

如果是使用的wordpress网站的,那么可以在你的主题的functions.php最下面加入这段代码

//网站整体变灰
function zrghui_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", "zrghui_head_css");

点击数:367

你可能也喜欢下面相关文章:

发表回复

必填项已用*标注