css实现网页变成灰色的方法

发布时间:2020-11-06编辑:脚本学堂
有些特殊的日子我们会看到一些网页皮肤换了,怎么实现这样效果的呢?本文就以网页变灰色为例给大家介绍一下实现的方法。需要的朋友一定不要错过。

网站整体色调变灰,是我们为雅安祈祷的一种方式!用自己的行动为四川雅安的人们祈福吧!
以下代码是让全站网页变为灰色的CSS代码:
 

复制代码 代码示例:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }
 

使用方法:将代码加到CSS文件最底下即可。
如果网站没有使用CSS,可以在网页/模板的全局页头HTML代码
和之间插入:
 

复制代码 代码示例:
<style type="text/css">
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }
</style>
 

特别注意:
有一些站长的网站使用了上面代码都没生效,是因为网站页面没有使用最新的网页标准协议
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
请将网页最头部的替换为以上代码即可解决。