将网站快速更改为黑色，白色和灰色的4种方法行业新闻

通常，在清明节，国庆节，大地震日以及某些有影响力的伟人的去世或纪念日，作为网站管理员，我们会将网站的所有页面设为灰色（黑色（和白色）向死者表示哀悼。然后，世界数据编辑器将通过几行简单的代码来讨论此功能。

第一：修改CSS文件

我们可以在网页的CSS文件中添加以下CSS代码，以实现黑白网页，即网站变成灰色

CSS代码

html {

过滤器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;

-webkit-filter：灰度（100％）;}

第二种：在网页的<head>标签中添加以下代码

如果您不想更改CSS文件，则可以通过在页面标题的<head>标记内添加内联CSS代码来使网站页面变灰。

码

<style type =“ text / css”>

html {filter：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;-webkit-filter：grayscale（100％）;} </ style>

要么

html {过滤器：灰度（100％）; -webkit-filter：灰度（100％）; -moz-filter：灰度（100％）; -ms-filter：灰度（100％）; -o-filter：灰度（100％）;过滤器：url（“ data：image / svg + xml; utf8，＃grayscale”）;过滤器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）; -webkit-filter：grayscale（1）;}

一些网站管理员网站可能无法使用此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>。

第三：修改<html>标记以添加内联样式

如果不喜欢上述两种方法，则可以修改<html>标记以添加内联样式以实现页面变灰的效果

码

<html style =“ filter：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;

-webkit-filter：灰度（100％）;“>

第四：我使用的CSS代码

码：

正文* {-webkit-filter：灰度（100％）; / * webkit * /-moz-filter：灰度（100％）; / * firefox * /-ms-filter：灰度（100％）; / * ie9 * / -o-filter：灰度（100％）; / * opera * / filter：灰度（100％）;过滤器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;过滤器：灰色； / * ie9- * /}

PS：以上方法都使用CSS过滤器来控制页面的显示。唯一不同的方法是调用CSS代码。伙计们，自己挖出来！

希望云网时代小编的分享对大家有帮助，云网时代主要提供深圳服务器租用，深圳服务器托管，深圳主机租用，云主机租用等服务器资源，详情欢迎咨询客服了，

相关帮助

将网站快速更改为黑色，白色和灰色的4种方法

第一：修改CSS文件

第二种：在网页的<head>标签中添加以下代码

第四：我使用的CSS代码