html整体页面灰色,让网页整体变灰的方法

方法1：支持IE

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

方法2：支持IE

body {filter:gray}

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

提示：虽然这个方法代码量最小，但是效果却不好，而且网页也比较卡。

方法3：同时支持IE和Chrome

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

说明：此方法支持IE浏览器、Safari和Chrome等浏览器，但是不支持Firefox浏览器。

方法4：使用grayscale.js插件

使用grayscale.js插件。这个插件是模拟IE的filter:progid方，官网地址在：

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

使用方法：

window.οnlοad=function(){

grayscale(document.body);

}

说明：支持IE、Safari、Chrome、Opera和Firefox等浏览器。

问题：这个在IE下也挺占资源的。

建议：使用方法3，虽然不支持更多的浏览器，但是稳定、速度快，而且资源占用小。

html整体页面灰色,让网页整体变灰的方法相关推荐

java web 颜色灰色_网站动态变灰解决方案(java web项目网站)
每逢5.12和哀悼日,各大门户网站都会把自己网站变灰色,以此来表示对逝者的哀悼. 下面是一个java web项目网站变化的设计方案. 思路是这样的,首先由个页面来操作网站是变灰还是不变灰, 然后把选择 ...
解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website
起因网站会在一些特定的日子里变灰,但是长时间观看灰色的内容会导致眼睛的损害(bushi ![在这里插入图片描述](https://img-blog.csdnimg.cn/e4dc6667cb4643 ...
使窗口(和 MDI 子窗口)的关闭按钮变灰的方法 - 回复梦想成真
问题来源: http://www.cnblogs.com/del/archive/2008/06/14/1221980.html#1225922 //这样就可以使当前窗口的关闭按钮变灰, 但系统菜单中 ...
让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
网站网页快速变灰方法
所有页面都变灰 <style> html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:gra ...
网页变灰的方法，适用于IE
在哀悼日的时候如何让网页变灰? 1.适用于谷歌.火狐.360极速模式的代码 html{ filter: grayscale(100%); -webkit-filter: grayscale(100%) ...
怎么把php网站变灰,分享让ThinkPHP5开发的网站全站一键变灰的方法
如果你使用的是FastAdmin或ThinkPHP5开发的网站,可以使用以下方法将网站全站进行一键变灰,无需修改任何视图文件,且支持定时显示. 首先打开application/tags.php文件,找 ...
如何将网页实现变灰效果？
在今天看到了很多网站的内容都变成了灰色. 这波是如何操作的呢? CSDN: html { -webkit-filter: grayscale(100%);-moz-filter: grayscale( ...
哀悼日网页变灰的方法
ie9以下及谷歌浏览器等可以用以下代码来实现 <style type="text/css">html{ -webkit-filter: grayscale(100%); ...
H5把页面变灰的方法
一键改色,亲测可用: html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: g ...

html整体页面灰色,让网页整体变灰的方法

html整体页面灰色,让网页整体变灰的方法相关推荐

最新文章

热门文章