前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网站变灰色的代码

网站变灰色的代码

原创
作者头像
Z4
修改2020-04-21 14:22:25
1.3K0
修改2020-04-21 14:22:25
举报
文章被收录于专栏:R专栏R专栏

这段CSS代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

代码语言:javascript
复制
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}

其他方法 代码1:

代码语言:javascript
复制
html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }

代码2:

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

使用方法: 将上访任意一种代码加到CSS最顶端就可以实现素装。建议全国站长动起来。响应全国哀悼日,哀悼那些为了我们美好明天献出宝贵生命的英雄们。 如果网站后天没有设置自定义CSS的地方,也可以在网页/模板的HTML代码和 之间插入下方代码:

代码语言:javascript
复制
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

代码语言:javascript
复制
<!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动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和之间插入:

代码语言:javascript
复制
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

最简单的把页面变成灰色的代码是在head 之间加:

代码语言:javascript
复制
<style type="text/css"> html {
FILTER: gray
}
</style>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档