使整个网页变黑白色(灰色)的特效代码
全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } |
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用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 { |
一般的discuz论坛在 你的控制css 文件下修改
/images/header/header.css 这个文件,
CSS 方法
用到软件 Firefox(安装firebug)插件;ie7或者IE 8 必须带开发者工具(按F12会出现)
大家都知道在IE浏览器中,可以使用一段代码 body {filter: gray;} 用微软的滤镜代码将网站整体去色成为黑白灰色调效果,但是并不兼容firefox等其他非IE浏览器。
CSS网站灰色调 (只支持IE)
行内样式:
elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';
css样式表:
elem { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/* Element must "hasLayout"! */
zoom: 1;}
因为火狐不支持滤镜的,所以昨天用火狐的童鞋 可以发现很多网站(人人,19楼)还是彩色的。
这边涉及到浏览器兼容问题,还有css hack 等等。
昨天只要用IE 或者Firefox 的firebug 把body {filter: gray;} 前面的勾勾掉,或者把elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';这句话的勾勾掉就可以看到彩色了
至于Flash如何变灰色,还有如何做到各种浏览器兼容的黑白网站,我也就贴下代码了,至于为什么这么写,我就不赘述了。有兴趣的朋友可以去网上搜搜答案。
FLASH的变灰:
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的 <object …>和 </object>之间插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
JavaScript
使用:
// 方法一var el = document.getElementById( 'myEl' );grayscale( el );// 方法二grayscale( document.getElementsByTagName('div') );// jquery中使用:grayscale( $('div') );
重置:
grayscale.reset( el );// 同样,重置方法也可用于jquerygrayscale.reset( $('div') );
预处理:
grayscale.prepare( document.getElementById('myEl') );// jquery中也可使用grayscale.prepare( $('.gall_img') );
使整个网页变黑白色(灰色)的特效代码相关推荐
- PHP网页怎么变成黑白,怎么让网页变黑白色
怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?今天就给大家带来这样一份教程. 让网页变成黑白色调,需要这么一段代码. html { -w ...
- php如何让网页变黑白,怎么让网页变黑白色
怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?今天就给大家带来这样一份教程. 让网页变成黑白色调,需要这么一段代码. html { -w ...
- 怎么让网页变成黑白色
怎么让网页变成黑白色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?CSS3 filter(滤镜) 属性了解一下? 在filter属性中有 grayscale( ...
- 怎么把彩色的照片变黑白色?
怎么把彩色的照片变黑白色?不同的色彩会让照片赋予不同的感官,产生不同的魅力和效果.我们平时拍摄的照片都是彩色的,有时候因为不同的使用需求,我们需要将彩色的照片变成黑白色的,你会如何处理呢?有的小伙伴会 ...
- 如何将照片黑白化,照片怎么变黑白色?
如何将照片黑白化,照片怎么变黑白色?什么是照片黑白化?大家都知道现在拍摄的照片都是彩色的,有时候因为不用的使用需求,要将彩色的照片变成黑白色的,这就叫做照片黑白化.因为有很多小伙伴不知道如何使用ps软 ...
- Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)
@[TOC](Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)) 代码变黑白色 使用vue-element-admin 后台模板在Visu ...
- win10 电脑桌面显示突然变黑白色,解决
今天不知道按了什么快捷键,突然黑白色,关机重启也没有用 就是这种感觉,极度不舒适. 解决方法: 1.桌面右键--个性化 2.查找 -- 颜色 3.打开或关闭颜色筛选器 4.应用颜色筛选器(开--灰黑. ...
- 网站一键修改黑白色方法(附代码)
为表达对抗新冠状疫情战斗牺牲烈士和逝世同胞的深切哀悼, 国务院公告2020年4月4日将举行全国性哀悼活动, 网站要求黑白色, 下面给宇哥给大家分享: 如何放一次性代码,让全站变成黑白色 效果如图 把下 ...
- 一行 CSS 代码实现整个网站网页变黑白灰的效果
背景 在全国哀悼日(吊念地震.疫情等),如果你也是站长,想做点什么,那么可以把网站编程黑白以示哀悼.下面分享一行代码实现整个网站网页编程黑白灰色的效果,主要是通过修改 CSS 的方式实现的(如果想要全 ...
最新文章
- 微信9年:张小龙指明方向,微信AI全面开放NLP能力
- Nature:原来益生菌是这么搞定致病菌的
- 杭电 HOJ 2553 N皇后问题 解题报告
- 课程上线 -“新手入门 : Windows Phone 8.1 开发”
- 前端为什么有的接口明明是成功回调却执行了.catch失败回调_Web前端:ES6是干什么的?(下)...
- java-回调机制详解
- 【英语学习】【医学】Unit 05 The Digestive System
- 西瓜书+实战+吴恩达机器学习(十八)降维(主成分分析 PCA)
- printf 打印 文件名 函数名 行号
- 想要升级Big Sur?你的Mac与Big Sur兼容吗?
- 吉利汽车:数字化转型从上云开始
- python 实现modBus协议的crc校验算法
- 在python中无论类的名字是什么构造方法的名字都是_超星尔雅大学生职业素养期末答案...
- 微信小程序的版本管理
- JavaNIO读取文件
- MAC电脑触摸板手势(提高办公效率)
- SysML实践指南第二版(中文翻译:刘亚龙)第三章 SysML介绍
- 如何用课件制作工具验证三角形内角和
- Fiddler数据抓包试玩改包工具使用畅享
- percona toolkit系列(gh-ost)