微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

兼容firefox，chrome的网页灰度效果_PHP

php中文网
发布： 2016-06-01 12:15:25
原创
1111人浏览过

Chrome

maya.ai
maya.ai

一个基于AI的个性化互动和数据分析平台

maya.ai 313
查看详情 maya.ai
只是在技术上来看，要实现网页灰度，最稳妥的办法莫过于直接处理所有图像，不用考虑兼容，不用考虑效率。但是，工作量比较大，切换回来也费力。

ie系列支持css滤镜，一句 filter:gray; 就解决了所有问题。但是，众所周知，ie以效率低著名，你会发现开启以后速度显著下降。并且，最致命的，在其他浏览器下无效。

有没有兼容所有浏览器的办法呢？有。JavaScript能做到，早就有人用js模拟了ie的gray滤镜，如果你感兴趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告诉你怎么用。

1. 下载grayscale.js文件

2. 在你的header里引用这个js文件



3. 要实现全站灰度，在onload事件中调用

grayscale(document.body);

我的主题背景图片比较多，处理起来较吃力，可能出现部分图片消失的情况。。。

我会把这个效果开启三天，如果因为处理问题导致主题显示不正常影响了大家的浏览效果还请见谅。反正来这儿的都是熟人，要影响也就你们几个。。。

大家都在看：

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：初学PHP的朋友 经常问的一些问题。不断更新_PHP 下一篇：php 文章调用类代码_PHP
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
公益机构php源码怎么做_做公益机构php源码步骤【指南】 选择合适公益机构PHP源码并配置本地环境，修改数据库连接后部署至公网服务器，实现低成本高效建站。
2025-12-01 02:07:26
435
php源码怎么一起运行_同运php源码操作方法【技巧】 答案：需配置环境、统一数据库、设置入口文件、处理路径依赖、共享会话。确保PHP环境正常，将源码放入Web根目录；核对config.php中数据库参数一致并导入表结构；创建index.php引入其他文件并通过条件加载模块；使用__DIR__和ROOT_PATH常量统一路径；调用session_start()并统一cookie路径与$_SESSION键名以同步登录状态。
2025-11-30 23:55:28
516
怎么用SublimeJ查Bug_正则定位错误日志教程 使用SublimeText结合正则表达式可高效定位日志中的错误：1.打开日志文件并加载内容；2.启用Ctrl+F搜索及正则模式（点击“.*”图标）；3.输入ERROR|Exception|Traceback等正则筛选关键错误；4.用^[.?(ERROR|WARN).?]匹配错误级别行；5.使用at\s+1+.(?:java|py|js):\d+定位源码位置；6.捕获多行异常块^(.?Exception.?)$(\n^.*?$)*进行去重分析，提升排查效率。.\s↩
2025-11-30 23:55:02
899
怎么给php网站源码加授权_给php网站源码加授权方法【设置】 可通过域名绑定、在线验证、文件加密、硬件绑定和时间控制实现PHP源码授权保护。1、域名绑定：在入口文件检测当前域名是否在许可列表，未匹配则终止运行，需加密存储域名；2、在线验证：程序启动时向授权服务器发送唯一标识，获取授权状态，建议每7天验证一次；3、加密核心文件：使用ionCube等工具加密核心代码，部署时需加载解密扩展并验证许可证；4、硬件绑定：采集服务器MAC地址或硬盘序列号生成机器码，授权系统据此发放密钥，运行时比对；5、时间控制：设置授权截止时间，程序启动时校验是否过期，并结合远程接口
2025-11-30 23:53:02
291
为什么SublimeJ写Java香_多项目标签管理便捷 启用多项目标签管理可提升SublimeText中Java项目的开发效率。一、通过Ctrl+K,Ctrl+B显示侧边栏，使用“AddFoldertoProject”将多个项目添加至工作区，实现文件快速切换；二、在“View”→“Layout”中选择分栏布局，将不同项目文件分布于独立窗格，各窗格维护单独标签堆栈；三、通过PackageControl安装SideBarEnhancements插件，增强侧边栏功能，支持快速新建、复制、删除等操作；四、使用“SaveProjectAs”为每个项目创建.su
2025-11-30 23:52:02
169
php源码怎么配置数据库信息_配php源码数据库信息教程【指南】 首先确认数据库配置文件中的连接参数是否正确，找到如config.php等文件，修改$db_host、$db_username、$db_password、$db_name为实际信息，确保主机、账号、密码、数据库名无误；接着检查是否启用MySQLi或PDO扩展，避免因驱动缺失导致连接失败；然后设置正确的字符集，推荐使用UTF8MB4，在连接时通过SETNAMES‘utf8mb4’或DSN中添加charset=utf8mb4统一编码；同时确认数据库创建时使用相同字符集如utf8mb4_unicode_
2025-11-30 23:42:06
796
dw怎么制作php动态网页源码_dw制php动态网页源码教程 首先需配置本地服务器环境，安装XAMPP或WampServer并启动Apache和MySQL服务，将项目置于htdocs目录并在Dreamweaver中定义站点路径；接着在DW中创建PHP文件并建立MySQL数据库连接，测试连接确保正常通信；然后通过“数据”面板创建记录集并绑定字段到网页元素，实现动态内容显示；最后插入表单并设置服务器行为，添加“插入记录”操作以处理用户提交的数据，完成动态网页开发流程。
2025-11-30 23:25:02
797
如何用SublimeJ做代码对比_双栏高亮差异教程 安装SublimeJ插件后，通过命令面板调用“SublimeJ:Diff”实现双栏代码差异高亮对比，支持整文件或选区局部比对。
2025-11-30 23:23:22
935
为什么SublimeJ格式化准_按语言智能适配规则 首先确认文件语言类型是否正确绑定，再检查SublimeJ配置中语言映射与规则文件是否存在，最后通过重装插件修复可能的安装损坏问题。
2025-11-30 23:22:02
514
php信息管理系统源码怎么用_用php信息管理系统源码教程 首先搭建服务器环境，安装XAMPP并启动Apache和MySQL服务；将源码放入htdocs目录；通过phpMyAdmin创建数据库并导入SQL文件；修改config.php中的数据库名称、用户名和密码；最后访问http://localhost/项目名，使用默认账号登录系统，完成部署。
2025-11-30 23:14:02
976
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部