如何使网页瞬间变成灰色
来源:互联网 发布:手机怎样开淘宝店铺 编辑:程序博客网 时间:2024/05/01 07:02
国家发生大的灾难时很多网站瞬间都变成了灰色,怎么做到的呢,本文将介绍一种方法,如下:
CSS代码:
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
注意:
1、有一些站长的网站使用了上面代码都没生效,是因为网站页面没有使用最新的网页标准协议。
<!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">
请将网页最头部的<html>替换为以上代码即可解决。
2、有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
特别提醒:
CSS代码:
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
注意:
1、有一些站长的网站使用了上面代码都没生效,是因为网站页面没有使用最新的网页标准协议。
<!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">
请将网页最头部的<html>替换为以上代码即可解决。
2、有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
特别提醒:
IE6、火狐浏览器以及IE6内核的浏览器都不支持以上网页变成灰色的代码,因为这些浏览器不支持该CSS滤镜导致的,属于正常情况。
- 如何使网页瞬间变成灰色
- css,css3使网页变成灰色,图片变成灰色
- 如何将整个网页变成灰色
- 网页变成黑色和灰色
- 如何将网站变成灰色?
- 如何将ImageView变成灰色
- 将网页变成灰色(只限IE)
- 使图片变成灰色CSS
- android如何将图片变成灰色?
- 如何把网站变成黑白灰色?
- 让网页所有的样式都变成灰色
- 把网页变成灰色的几种方法
- 修改网页变成灰色及代码修改使用方…
- jsp 使内容变成灰色 不可编辑
- 如何让IE地址栏的主页变成灰色
- 网站变成灰色@IE
- 页面变成灰色
- 自动更新变成灰色
- WCF异处理
- redis线上环境监控脚本(python脚本)
- 整理SQL
- 代理模式——动态代理和模板方法那点事
- windows消息控制窗口最大化最小化
- 如何使网页瞬间变成灰色
- LINUX 下非阻塞模式下TCP 研究
- 2013年4月24日
- ANSI、UNICODE、UTF-8、GB2312、GBK、DBCS、UCS的区别和由来。
- PIC单片机之EUSART串行通信接口
- Linux 命令
- js表单自动封装成一个对象json来
- 如何提高tableView的性能
- gdb调试任意函数