网站哀悼变灰代码集合 兼容所有浏览器的CSS变暗代码
2013-09-12 14:18
381 查看
下面这些CSS代码可以把网站的网页变为黑白,只需将代码加到CSS文件或网页最顶端就可以实现素装。建议全国站长动起来。为遇难的同胞哀悼。
如何将网站变成灰色调呢,网站变灰色方法是什么?有哪些?为了方便大家查看,特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用,为了方便站点哀悼,提供下面的css滤镜代码,以表哀悼。以下为全站CSS代码。
方法一:推荐用这个,浏览器兼容较好,只需把代码放到CSS文件最上面即可。
方法二:
使用方法:如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议:
请将网页最头部的<html>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
最简单的把页面变成灰色的代码是在head 之间加
一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件
如何将网站变成灰色调呢,网站变灰色方法是什么?有哪些?为了方便大家查看,特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用,为了方便站点哀悼,提供下面的css滤镜代码,以表哀悼。以下为全站CSS代码。
方法一:推荐用这个,浏览器兼容较好,只需把代码放到CSS文件最上面即可。
html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#grayscale); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }
方法二:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
<style> html{filter:progid:DXImageTransform.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>
一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件
html {FILTER: gray;-webkit-filter: grayscale(100%);} .slides .mask { filter: none; opacity: none; }
相关文章推荐
- css实现图片圆角 兼容所有浏览器实现代码
- 网站页面变灰的CSS处理办法,兼容主流浏览器,哀悼地震逝去者...
- css实现图片圆角 兼容所有浏览器实现代码
- 怎么把网站全站变黑白(如地震哀悼网站变黑白), 要兼容所有主流浏览器
- CSS左侧固定宽 右侧自适应的实现代码(兼容所有浏览器)
- 编写跨浏览器兼容的 CSS 代码的金科玉律
- 编写跨浏览器兼容的CSS代码的金科玉律
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- (转)兼容主流浏览器的CSS透明代码
- 纯CSS模拟带有立体效果的圆角按钮,长度自适应,兼容所有浏览器,无CSS Hack!
- 编写跨浏览器兼容的 CSS 代码的金科玉律
- 用Div、CSS、JavaScript编写的Tab选项卡源代码,兼容所有浏览器
- 添加到收藏夹代码(兼容几乎所有的浏览器)
- css实现兼容各个浏览器的技巧的代码
- 编写跨浏览器兼容的 CSS 代码的金科玉律
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- CSSJS弹出层效果,兼容所有浏览器
- CSS3或CSS+JS实现改变滚动条样式(兼容所有浏览器)
- 兼容主流浏览器的CSS透明代码
- css 透明度的设置兼容所有浏览器