grayscale实现全站及局部变黑的效果 – 兼容IE/FF等浏览器

时间:11-11-10所属栏目:前端效果来源: james.padolsey.com 点击:470次

大小：0.04 MB
下载次数：190
发布时间：2011-11-10
兼容性：IE6/7/8/9,FF,Opera
点击下载查看演示

内容介绍

大家都知道在IE浏览器中，可以使用一段代码 body {filter: gray;} 用微软的滤镜代码将网站整体去色成为黑白灰色调效果，但是并不兼容firefox等其他非IE浏览器。

CSS网站灰色调 (只支持IE)

行内样式：

`1`	`elem.style.filter =` `'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';`

css样式表：

`1`	`elem { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);`

`2`	`/* Element must "hasLayout"! */`

`3`	`zoom:` `1;}`

现在分享一个能兼容其他非IE浏览器的变色效果（使用JavaScript实现）
经测试兼容Opera 9, FF2/3, Safari 4, IE6/7

网站整体灰色调（兼容firefox等非IE浏览器）

使用方法：

1、调用http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js

2、调用grayscale.js grayscale()：去实现页面的去色处理

3、grayscale.reset()：去实现页面的恢复原始色彩的处理

`1`	`grayscale(document.body);` `//整站变成灰色`

转载于:https://www.cnblogs.com/dingyuanxin/articles/3988403.html

grayscale实现全站及局部变黑的效果 – 兼容IE/FF等浏览器相关推荐

vue项目-点击添加或者修改按钮浏览器的屏幕变黑，再次点击屏幕之后浏览器恢复正常（火狐浏览器、ChromeCoreLauncher双核浏览器）
今天在写springboot+vue项目的时候发现了一个bug,之前写的项目就没有这种情况,bug如下: 点击添加或者修改按钮浏览器的屏幕变黑,再次点击屏幕之后浏览器恢复正常点击修改按钮屏幕变黑 ...
自定义ListView背景（解决了拖动变黑的效果）
美化你的android程序:自定义ListView背景文章分类:移动开发在Android中,ListView是最常用的一个控件,在做UI设计的时候,很多人希望能够改变一下它的背景,使他能够符合 ...
UE4旅途之渲染后模型变黑（2UV坑）及阴影不清问题
小白欢迎评论,共同探讨,共同进步 (PS:二次修改博文) 先说一下UE4最近遇到的坑吧,之前的再慢慢整理. PS:这个坑填一填,解决方法找到了. 模型什么的都没有问题,额,我就想知道这是什么鬼??? ...
图像进行反转：白变黑，黑变白
图像进行反转:白变黑,黑变白二值图对图像进行反转 import cv2 img = "5.png" img = cv2.imread(img, 1) cv2.imshow('im ...
PHP网页怎么变成黑白,怎么让网页变黑白色
怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?今天就给大家带来这样一份教程. 让网页变成黑白色调,需要这么一段代码. html { -w ...
一行 CSS 代码实现整个网站网页变黑白灰的效果
背景在全国哀悼日(吊念地震.疫情等),如果你也是站长,想做点什么,那么可以把网站编程黑白以示哀悼.下面分享一行代码实现整个网站网页编程黑白灰色的效果,主要是通过修改 CSS 的方式实现的(如果想要全 ...
php如何让网页变黑白,怎么让网页变黑白色
怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?今天就给大家带来这样一份教程. 让网页变成黑白色调,需要这么一段代码. html { -w ...
ue4 导出模型_UE4构建光照后模型变黑，二套UV解决办法
在3dmax中制作的模型导入ue4,构建关照渲染后模型变黑并出现了下列错误提示信息:"11 对象拥有重叠的UV.""11 Lightmap UV are overlapp ...
proBuilder编辑的模型变黑
----更正: 旧帖中方法有误,解决不了问题. 更正确法: 将proBuilder创建的模型的Static属性由"-"改为去掉勾选: ----旧帖 proBuilder编辑的模 ...

grayscale实现全站及局部变黑的效果 – 兼容IE/FF等浏览器

grayscale实现全站及局部变黑的效果 – 兼容IE/FF等浏览器

内容介绍

网站整体灰色调（兼容firefox等非IE浏览器）

使用方法：

grayscale实现全站及局部变黑的效果 – 兼容IE/FF等浏览器相关推荐

最新文章

热门文章