«

哀悼日-实现网页变灰色的方法

时间:2024-1-19 17:13     作者:韩俊     分类: Html+Css


哀悼日期间经常需要把网页设置为灰色状态,现总结一下方法以备后用,在网站的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"/>

标签: javascript html css

热门推荐