1 . 网页黑白代码内部样式 , 写入html标签

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">

2 . 网页黑白代码内部样式 , 写入head标签里面

<style type="text/css">
<!--html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
-->
</style>

3 . 网页黑白代码外部样式 , 写入css文件请用*

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

4 . 网页黑白代码QQ空间版 , 针对大部分主流浏览器 , 写入css文件请用*

html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

整个网页变黑白的CSS代码相关推荐

  1. 网站颜色变黑白的CSS代码,Chrome、火狐、IE

    放到CSS代码底部,兼容性应该不错 /* 网站黑白代码 */ html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz- ...

  2. 下面整理了几种让网页变灰色的CSS代码,供各位站长参考!

    方法1:支持IE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  3. html谷歌兼容代码,让网站变灰的css代码(支持IE、Firefox和Chrome)

    四川雅安芦山发生7.0级别大地震,不少网站首页已经变成了灰色表示哀悼.下面笔者整理了几种让网页变灰色的CSS代码,供各位站长参考! 方法1:支持IE html{filter:progid:DXImag ...

  4. 哀悼日网页彩色变黑白方法-css样式修改

    哀悼日网页彩色变黑白方法-css样式修改 (2010-04-21 09:16:35) 转载▼ 标签: 默哀 哀悼 黑白 分类: 技术 全国默哀日,很多网站的图片等都变成了黑白色,修改页面的样式即可实现 ...

  5. 沉痛哀悼,网页变黑白代码!

    根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿.5月19日14时28分起,全国人民默哀3分钟,届时汽车.火车. ...

  6. css3滤镜属性filter实现网页变黑白效果

    前言 在特殊的日子里,很多网站页面都是黑白色的,其实用css3滤镜属性filter让网页马上变黑白,一行代码就搞定. 网页变黑白代码实现 方法1:在你的css里加上以下代码即可,网页马上变黑白: ht ...

  7. 最新ie图标变灰css,网站变灰的CSS代码(兼容火狐、Chrome、IE系浏览器)——w3cdream|前端学习-开发...

    之前找了一些代码在火狐下无效,于是百度谷歌一起上,终于被我找到了支持火狐.谷歌等浏览器的把网页变黑白代码: /* 网站黑白代码 */ html{ filter: grayscale(100%); -w ...

  8. 前端网页开发常用兼容css代码

    前端网页开发常用兼容css代码 /* 去除常见标签默认的 margin 和 padding */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt ...

  9. php如何让网页变黑白,怎么让网页变黑白色

    怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?今天就给大家带来这样一份教程. 让网页变成黑白色调,需要这么一段代码. html { -w ...

最新文章

  1. 使用JavaMail发送邮件
  2. JavaScript label语句
  3. java se 6u111_linux下查看已经安装的jdk 并卸载jdk
  4. 剑指 Offer 28. 对称的二叉树【无取巧,易于理解!】
  5. HDOJ 1176 免费馅饼 -- 动态规划
  6. 安装Windows7出现:”安装程序无法创建新的系统分区 也无法定位系统分区“ 终极解决方案...
  7. Android程序开发0基础教程(一)
  8. 采集练习(五) php 获得chrome扩展 微度新标签页 下的云壁纸(主要是美女壁纸)
  9. 戴姆勒:停止内燃机研发 马斯克:欢迎进群!
  10. 第三,四章 数据库和数据表的(增删改查,重命名等)基本操作
  11. Pytorch遍历DataLoader时报错BrokenPipeError: [Errno 32] Broken pipe
  12. 计算机字体库位置,win7电脑的字体库在哪里?
  13. GB28181协议--心跳
  14. mysql的函数的写法_mysql中分组函数的写法
  15. 流式数据分析处理的常规方法
  16. Golang基础(1)
  17. java joda time_使用Joda-Time优雅的处理日期时间
  18. 移动UI设计学习总结
  19. windows如何删除默认打开方式
  20. TL431及其常用电路

热门文章

  1. Cocos2dx使用ios内支付IAP具体流程-白白
  2. 酷睿i5 1340p和i5 13500h差距 i51340p和13500h区别
  3. web前端入门到实战:css伪元素::after和::before,及图标字体的使用
  4. 车间数字孪生解决方案(三)
  5. 童装店用哪款收银系统比较好
  6. AVI VS. MKV
  7. Python bisect模块详解
  8. 让手机固话及PC成一家 - 统一通信专家 QQ706716259
  9. WebRTC Native M96 SDK接口封装--setVideoEncoderConfiguration设置本地视频的编码属性
  10. IE 6下测试有scriptManager控件的页面,内存不断增长