非IE浏览器下让界面变灰色

    今天哀悼日,大家先默哀一分钟~~~~
    按照惯例,网页都得变灰色,IE下可以用下面的CSS解决:

 

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

    但是非IE浏览器无效,群里有个朋友发了个网址,是E文的,上面写着如何在非IE浏览器下页面变灰色,是用JS来解决的,网址如下:http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/    使用如下:

    <script src="js/grayscale.js" type="text/javascript"></script>     <script type="text/javascript">         window.onload = function() {         grayscale(document.getElementsByTagName('html'));         };     </script>

 

经自己测试发现,虽然页面是变灰了,不过变灰的反映过程好慢,估计应该是系统资源消耗过大了,还有变灰后有些图片是显示不出来的

上面那个JS代码下载:http://niunan.net/download/grayscale.js

时间: 2024-10-25 09:52:44

非IE浏览器下让界面变灰色的相关文章

IE 和非IE浏览器的条件注释

浏览器|条件 (X)HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 <!--[if IE]><h1>您正在使用IE浏览器</h1><![endif]--><!--[if IE 5]><h1>版本 5</h1><![endif]--><!--[if IE 5.0]><h1>版本 5.0</h1><![endif]--><!--[if IE

列标题不显示-easyUI datagrid里面的列标题在IE浏览器下不显示

问题描述 easyUI datagrid里面的列标题在IE浏览器下不显示 easyUI datagrid里面的列标题在IE浏览器下不显示,在其他浏览器下是正常显示的 1.代码 //数据列表显示 function queryAll(){ $("#tt").datagrid({ title : '图片数据显示列表', url : 'PhotoAction_querylist.action', fitColumns:true, singleSelect:true, //隔行变色 stripe

Chrome浏览器新版本界面变大了怎么办?

Chrome界面变大怎么解决?在最近更新的Chrome 54浏览器中使用高分屏时,整个界面都瞬间缩放了,突然界面变得很大让人很头痛,还不如不缩放呢,下面提供两个谷歌Chrome浏览器界面缩放解决方法供大家参考,两种方法都非常有效,希望能帮到大家. 方案一:在Chrome设置中开启网页缩放 小编的电脑是1920*1080分辨率,系统缩放为125%,更改到80%,网页内容部分的显示效果就和之前一致了.不过缺点就是Chrome界面的顶部标签页和网址栏部分依旧没有缩放,占用很大的地方,很不协调. 方案二

编辑器-DotNetTextBox 编辑框在IE浏览器下宽度变窄,怎么办?

问题描述 DotNetTextBox 编辑框在IE浏览器下宽度变窄,怎么办? 上面的工具条还能正常,就是下面的文本框变小了.width的值能使工具条宽度变化,但文本框不受width值控制! 解决方案 补充一下,360极速模式下就能正常显示,到兼容模式和IE下就变窄了 解决方案二: 在ie下看看该控件的样式是什么,根据样式看哪个样式因素影响了,然后根据样式再做对应的问题处理.

站长网每日播报:垂直电商陷困境 浏览器市场格局生变

中介交易 SEO诊断淘宝客 站长团购 云主机 技术大厅 1.申通与京东"决裂":怨起京东备件库物流招标 一个是民营快递大佬,一个是争议不断的电子商务大亨,外界眼中"唇亡齿寒"的两大公司--申通.京东,竟然"决裂". 一位资深业内人士昨日对<每日经济新闻>记者指出,申通.京东的矛盾冲突实则和外界揣测所指--京东今年获快递牌照冲击等并无必然关联,这场积怨真正的关键所在,或源起京东的全国"备件库"物流外包项目招标. 据记

用户体验:各大网站纷纷将首页变灰色

为表达全国人民对青海玉树地震遇难同胞的深切哀悼,特在4月21日这一天举行全国哀悼活动.这一天,每个人的心情都是沉重的. 各大网站纷纷将首页变灰色表达对遇难同胞的哀思.我们的用户也一样,不希望在这一天看到哪个网站跟没事似的还色彩鲜明. 问题一,如何将首页变灰? 最常用的方式是使用滤镜html { filterrogidXImageTransform.Microsoft.BasicImage(grayscale=1); }或html { FILTER: gray }优点:一行代码搞定,简单.方便.缺

非IE浏览器实现onmouseenter

每次遇到onmouseover事件的处理就头疼.比如父标签A里面嵌套了两个子标签,分别为标签A1和A2.假设你在父标签A上绑定了mouseover事件,理想的状态应该是:当鼠标从A标签外移到A标签上,事件触发. 但实际情况是,在以下几种情况下,mouseover事件都会被触发,下图为mouseover事件触发示意图(mouseout事件类似). 当鼠标从A标签外移到A标签上. 当鼠标从父标签A移入子标签B(或C). 当鼠标从子标签B移入子标签C(假设间距足够小的话). 之前一直是通过在事件处理函

让网页图片变灰色的三种方法

原文 让网页图片变灰色的三种方法 我一直喜欢灰度图像因为我认为他们看起来更有艺术感.很多图片编辑如Photoshop很容易把你的彩色图像变成灰度.甚至有选择调整颜色深度和色调.不幸的是,这样的效果想做在网络上并不容易,因为浏览器有差异. 1.CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度.以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度. 现在,过滤器属性是CSS3规范的一部分,并支持在一些浏览器,Firefox.Chrome和Safari.以前,

javascript-下拉一次后下拉框变灰问题不能再更改了怎么做

问题描述 下拉一次后下拉框变灰问题不能再更改了怎么做 我想第一次选择之后,以后就不能再更改了,也就是下拉框只能选择一次,这个用js怎么实现,具体写下代码,谢谢 渠道选择APP网站纸媒杂志 解决方案 其实你可以在其中定义一个隐藏的变量为0,当你下拉一次的时候就给这个变量设置值为1,下拉事件的时候,就判断这个值是否是1,是1就不展开下拉列表. 或者你可以绑定一个下拉列表框选择事件,当下拉列表有值的时候就变灰,并且选中也不展开下拉列表. 解决方案二: 例如这个select控件的id叫做channel