哀悼日期间经常需要把网页设置为灰色状态,现总结一下方法以备后用,在网站的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 > <html >
以上操作能够使你网站的网页文字和图片都变成灰色,但是不能使网页中的flash变成灰色,使flash变灰色需要在flash中的object代码块中插入如下代码:
<param name="wmode" value="opaque"/><param name="menu" value="false"/>