网站变成黑白色或是灰色的几种方法+文字教程

2023-01-06 0 949

文件名称:网站变成黑白色或是灰色的几种方法+文字教程
文件编号:
运行环境:WIN10/WIN7/2000/XP/2003/2008
软件语言:
软件类型:
授权方式:免费版
软件大小:未知
推荐星级:★★★★★
更新时间:今日
官方主页:www.668899.cn
解压密码:www.gm55555.cn
下载地址:回复可见
免责说明:
法律责任:
关于法律责任,五五社区郑重声明如下:
1、五五社区致力于为用户提供国内外游戏、软件等安装技术支持,着力于让中国用户获得第一手资源。
2、五五社区提供的所有下载文件均为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
3、我们提供用户下载的所有内容均来自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到我们
的客服我们会在收到消息后的三个工作日内处理。

 

为了响应国家号召在特殊的日期哀悼一些特殊的人或事件,一般在清明节,全国哀悼日,大地震的日子,还有现在被疫情夺走生命或是为疫情牺牲的医生们以及一些对国家影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站全部网页变成灰色(黑白色),以表示我们对逝者或事件的哀悼。那么今天就说说,通过什么样的方式和代码,来实现这个效果呢?下面我们就简单的来说下。

第一种:修改CSS文件

我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰.(如果是小白站长们,可以把这段代码和到百度统计放在一起,放之前一定要记得换行隔开)

CSS代码

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);

}

第二种:在网页的<head>标签内加入以下代码

如果你不想改动CSS文件,你可以通过在网页头部中的<head>标签内部加入内联CSS代码的形式实现网站网页变灰。放到标签<head>与</head>底部即可。

代码

<style type=”text/css”>

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

</style>

第三种:修改<html>标签加入内联样式

如里上面的两种方式都不喜欢,可以通过修改<html>标签,以加入内联样式的方法,达到网页变灰的效果

代码

<html style=”filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);”>

第四种:修改CSS代码

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

}

第五种:如果您的网站是通过wordpress搭建的,您可以在主题根目录下的style.css底部添加以下代码:

/*网站整体灰白*/

body {

-webkit-filter: grayscale(100%); /* webkit */

-moz-filter: grayscale(100%); /*firefox*/

-ms-filter: grayscale(100%); /*ie9*/

-o-filter: grayscale(100%); /*opera*/

filter: grayscale(100%);

}

以上几种方法,都是通过CSS的滤镜来控制页面的显示而已,唯一不同的就CSS代码调用的方式。

还有两种简洁的方法:

简洁版:

body{

filter: grayscale(100%);

zoom:1;

}

健全版:

html {

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

}

根据自己喜欢自行选择一个就好了

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

五五社区 各类教程 网站变成黑白色或是灰色的几种方法+文字教程 http://www.668899.cn/855.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务