Apr
02
2020
哀悼日-实现网页变灰色的方法
作者：
绝缘体.. 发布：
2020-04-02 13:35 分类：
未分类 阅读：
抢沙发
哀悼日期间经常需要把网页设置为灰色状态，现总结一下方法以备后用，在网站的CSS文件中的顶部加入如下代码：
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
或者：
html *{filter:gray; color:gray;-webkit-filter: grayscale(100%);}
以上代码即可使网页变灰色，即黑白色。如果你的网站没有引用CSS文件，那么可以在网页的HTML代码<head>和</head> 之间插入如下代码：
<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>
有一些站长的网站可能加入以上css代码后仍不能生效，原因可能是因为网站没有使用最新的网页标准协议，这个时候将你网页头部的html代码中的<html>替换为如下代码：
<!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">
以上操作能够使你网站的网页文字和图片都变成灰色，但是不能使网页中的flash变成灰色，使flash变灰色需要在flash中的object代码块中插入如下代码：
<param name="wmode" value="opaque"/><param name="menu" value="false"/>
微信扫一扫，打赏作者吧～
哀悼日-实现网页变灰色的方法：等您坐沙发呢！
发表评论
