`
xiaojiit
  • 浏览: 133103 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

使网页变灰,支持IE、FireFox、Opera、360浏览器等

    博客分类:
  • Java
阅读更多

 

1、对IE的支持,只需要在CSS中添加如下代码:

 

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

 

 

2、对Firefox、Opera的支持,需要使用JS了,JS文件作者:http://james.padolsey.com/

 

      FF中的效果图:http://james.padolsey.com/demos/grayscale/

 

     下载附件中的grayscale.js,之后,在页面中加入:

 

 

$(document).ready(function () {
        grayscale($("body"));
});

 

3、对于Chrome浏览器,不能支持,原因如grayscale的作者所述:

 

GRAYSCALE.JS 写道

Successfully tested in Opera 9, FF2/3, Safari 4, IE6/7. It only works slightly in Safari<4 and Chrome because of their lacking support of CanvasContext.getImageData (because of this, images cannot be grayscaled).
  • 大小: 50.2 KB
1
2
分享到:
评论
2 楼 xiaojiit 2011-12-07  
sunyzc 写道
我的chrome下也是有效的,chrome15

我的也是Chrome15,测试确不行呢。
1 楼 sunyzc 2011-12-06  
我的chrome下也是有效的,chrome15

相关推荐

    兼容360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗各个浏览器的弹窗js代码

    本文将深入探讨如何使用JavaScript(js)编写兼容360、Firefox、Chrome、Opera、傲游、搜狗和世界之窗等主流浏览器的弹窗代码,以及为何不支持Safari和IE8及以下版本的浏览器。 首先,我们了解JavaScript弹窗的基本...

    2014-5-6更新 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览

    兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案,用于实现一个功能强大的本地图片预览功能,它能在多种主流浏览器中正常工作,包括古老的Internet Explorer ...

    把网页变成黑白(兼容谷歌、火狐、ie等浏览器)

    要实现网页内容的灰度转换,即把网页变成黑白效果,并确保兼容性覆盖谷歌浏览器、火狐浏览器、IE浏览器等主流浏览器,可以通过CSS的滤镜属性来实现。在CSS3中,提供了filter属性,其中的grayscale函数允许开发者通过...

    js判断上传文件的大小(兼容火狐、谷歌、IE、360浏览器)

    2. **跨浏览器兼容性**:支持主流浏览器,如Chrome、Firefox、Internet Explorer和360浏览器等。 3. **友好提示**:当文件大小超过限制时,应向用户提供清晰的反馈信息。 #### 二、实现原理 实现这一功能的核心...

    js检测浏览器版本 javascript检测浏览器

    * Firefox 火狐浏览器 * Chrome Chrome浏览器 因为360的流氓性质,现在已经在 navigator.userAgent 检测不到360浏览器的特征。只能使用其他办法。这里是我自己找的一种办法 。 缺点是对移动端浏览器设备没...

    四级联动菜单适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以

    在描述中提到了该菜单适用于多种现代浏览器,包括360浏览器、Firefox、Chrome、Safari、Opera、傲游、搜狗以及世界之窗,但不支持Internet Explorer 8及以下版本。 四级联动菜单的实现通常涉及到HTML、CSS和...

    js检测浏览器

    * Firefox 火狐浏览器 * Chrome Chrome浏览器 因为360的流氓性质,现在已经在 navigator.userAgent 检测不到360浏览器的特征。只能使用其他办法。这里是我自己找的一种办法 。 缺点是对移动端浏览器设备没统计...

    各大主流浏览器的区别

    如果你需要一个快速、安全的浏览器,可以选择非 IE 内核浏览器,如火狐浏览器、Opera 浏览器和谷歌浏览器等。如果你需要一个有很多插件和扩展的浏览器,可以选择火狐浏览器。如果你需要一个快速、简洁的浏览器,可以...

    设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码

    在网页开发中,确保网站能够适应不同浏览器是至关重要的,特别是考虑到用户可能使用360浏览器、火狐(Firefox)、谷歌(Chrome)或Internet Explorer(IE)等主流浏览器。【标题】提到的问题在于如何实现“设为首页...

    Selenium-各浏览器驱动

    除了IE和Chrome,Selenium还支持其他多种浏览器,如Firefox(Geckodriver)、Edge(Edgedriver)、Opera( OPERADriver)等。每个浏览器驱动的使用方式大同小异,关键在于确保驱动与浏览器版本的兼容性。 **配置和...

    纯css-loading兼容Safari ,Chrome,Mozilla Firefox,opera,ie10+

    本文将详细探讨如何创建一个兼容多种浏览器的纯CSS加载动画,包括Safari、Chrome、Mozilla Firefox、Opera以及IE10及以上的版本。 首先,我们需要了解CSS的特性。CSS(Cascading Style Sheets)是一种样式表语言,...

    兼容性测试方案-浏览器编

    这包括但不限于IE、Firefox、Google Chrome、Safari、Opera以及各种基于这些核心的衍生浏览器如360安全浏览器、搜狗高速浏览器等。 二、现有浏览器及内核详细介绍 1. **Trident核心**:由微软开发,最著名的代表是...

    Chrome中链接打开IE窗口插件

    这个插件允许用户在谷歌浏览器(Chrome)、火狐(Firefox)、360浏览器以及欧朋浏览器(Opera)等现代浏览器上,通过特定的URL链接来启动Internet Explorer(IE)的新窗口。这样,即使公司的某些内部项目是基于旧版...

    mp3网页播放兼容大部分浏览器

    "mp3网页播放兼容大部分浏览器"这个主题聚焦于如何创建一个跨浏览器的MP3播放解决方案,确保在Firefox (FF)、Google Chrome、Safari、Opera、Internet Explorer (IE) 6、7、8以及360、搜狗、世界之窗和遨游等常见...

    浏览器内核详解

    双核浏览器,如Maxthon、360浏览器等,结合了Trident和WebKit两种内核,主要目的是为了兼顾兼容性和性能。它们会根据网页的特性自动切换内核,对于那些专门为IE设计,依赖ActiveX控件的网站,双核浏览器会使用...

    浏览器的各种内核[参照].pdf

    除了IE,还有许多国内的第三方浏览器,如360安全浏览器、傲游等,也采用了Trident内核,部分浏览器采用双核或多核设计,同时包含Trident和其他内核,以实现更好的兼容性和性能。 2. **Gecko内核**:由Netscape 6...

    国内外浏览器之比

    - **技术驱动与用户需求**:国际上的主流浏览器注重技术创新和推动Web技术发展,如IE、Firefox、Safari和Opera等。而国内浏览器更多聚焦于满足用户的实际需求,提供更加个性化的服务。 - **浏览器版本更新**:在中国...

Global site tag (gtag.js) - Google Analytics