Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 发一个让页面变灰,且真正兼容所有浏览器的代码吧

[复制链接]
aitxt 发表于 2013-4-21 10:40:34 | 显示全部楼层 |阅读模式
本帖最后由 aitxt 于 2013-4-21 11:15 编辑

发一个让页面变灰,且真正兼容所有浏览器的代码吧
  1. html {
  2.     filter: grayscale(100%);
  3.     -webkit-filter: grayscale(100%);
  4.     -moz-filter: grayscale(100%);
  5.     -ms-filter: grayscale(100%);
  6.     -o-filter: grayscale(100%);
  7.     filter: url(desaturate.svg#grayscale);
  8.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  9.     -webkit-filter: grayscale(1);
  10. }
复制代码
本代码由紫竹电子书收集整理并测试。
演示地址:http://www.bbyxy.com/
黄山黄河 发表于 2013-4-21 11:26:35 | 显示全部楼层
站长网已经改黑了。www.gyouz.com
回复

使用道具 举报

 楼主| aitxt 发表于 2013-4-21 16:34:28 来自手机 | 显示全部楼层
没人需要?
回复

使用道具 举报

也许__| 发表于 2013-4-21 17:38:31 | 显示全部楼层
这个代码往什么地方加啊 ?  汗,谁能说下 ?
回复

使用道具 举报

朕__ 发表于 2013-4-21 17:54:57 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| aitxt 发表于 2013-4-21 19:52:19 | 显示全部楼层
朕__ 发表于 2013-4-21 17:54
ie10 不是浏览器吗? 看 lz 说的 ie10 就 不兼容

ie10可能需要用到desaturate.svg
回复

使用道具 举报

可爱的轩轩 发表于 2013-4-21 20:34:45 | 显示全部楼层
是不是放到统计代码??
回复

使用道具 举报

 楼主| aitxt 发表于 2013-4-22 22:53:21 | 显示全部楼层
可爱的轩轩 发表于 2013-4-21 20:34
是不是放到统计代码??
  1. 如果放在统计里用
  2. <style>
  3. html {
  4.     filter: grayscale(100%);
  5.     -webkit-filter: grayscale(100%);
  6.     -moz-filter: grayscale(100%);
  7.     -ms-filter: grayscale(100%);
  8.     -o-filter: grayscale(100%);
  9.     filter: url(desaturate.svg#grayscale);
  10.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  11.     -webkit-filter: grayscale(1);
  12. }
  13. </style>
复制代码
回复

使用道具 举报

雅颜 发表于 2013-4-23 10:00:59 | 显示全部楼层
我用IE和Chrome测试成功了,但用Firefox测试无法显示网页
回复

使用道具 举报

longatdream 发表于 2013-4-23 10:12:49 | 显示全部楼层
实用么?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-10-4 11:26 , Processed in 0.222695 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表