让整个网站变成灰色的做法

方法一，

html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}

方法二，

html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }
　　使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
　　如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

　　有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议
<!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>替换为以上代码。

　　有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

　最简单的把页面变成灰色的代码是在head 之间加<style type="text/css"> html {
FILTER: gray
}
</style>

方法三，

html{ filter: grayscale(100%); -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:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

让整个网站变成灰色的做法相关推荐

怎么让网站变灰色，我们该怎么做？
全国哀悼日,我们会让网站全站灰色,以表示对逝者的悼念. 腾讯网的做法: <style> body *{ -webkit-filter: grayscale(100%); /* webkit ...
html 图片灰色,网站变灰色兼容代码包括图片支持所有浏览器
一般在全国哀悼日,大地震的日子,清明节,我们都会让自己的网站全站灰色,以表示对逝者的悼念.那么下面分享几种方法 1.直接body中加入代码即可实现这种效果很简单,只需要一句css代码:filter: ...
[css] 当全国哀悼日时，怎么让整个网站变成灰色呢？
[css] 当全国哀悼日时,怎么让整个网站变成灰色呢? body{-webkit-filter: grayscale(1);filter: grayscale(1); }/* OR */body{-w ...
网站变成灰色——grayscale
网站变成灰色有很多办法,但相比于换内容样式\UI而言,使用滤镜更为方便使用filter的灰度属性 filter: grayscal(percent) html {-webkit-filter: gr ...
哀悼日整个网站变成灰色的方法
在全国哀悼日,网站需要设置成黑白的,其实一点都不麻烦,只需在 .css 文件中body里面加下面两行行代码就可以: body { filter:progid:DXImageTransform.Micr ...
html 图片加速,35种加速网站访问的最好做法
最近看了有名的yahoo关于前端性能优化的文章,做了一下笔记. 减少HTTP请求减少网页中组件的数量,例如图像,样式表,脚本等. 将样式表单和脚本组合成单个文件. CSS Sprites方法,将所有小 ...
网站变成灰色(置灰)
大家都感受到了,很多网站.APP 在最近都变灰了. 先来感受一下变灰后的效果. 这种灰色的效果怎么实现的呢?如何做到图片.文字.按钮都变灰的效果呢? 方案 1,换一套灰色的 UI,那显然成本太大了,方 ...
4月4日网站变灰色的效果是怎么实现的？
4月4日时,很多网站包括主页和内容(包括图片.按钮等)也都已经变成了灰色.当天我打开的csdn.人人视频都全部变为了灰色. 我当时第一想法是难道把这些图片都换了一遍吗???但是成本未免太高,且可能会有 ...
网站变灰色(默哀专用)(转)
如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改.如果你的网站是用CSS的话,那就很简单了,只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段 ...

让整个网站变成灰色的做法

让整个网站变成灰色的做法相关推荐

最新文章

热门文章