CSS使图片变灰

为了悼念,各大网站都纷纷将自己的站点颜色调灰,就连图片也一样,到底如何实现的呢,请看下面的代码。〈imgsrc="http://hovertree.com/hvtimg/201512/f7

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

为了悼念,各大网站都纷纷将自己的站点颜色调灰,就连图片也一样,到底如何实现的呢,请看下面的代码。

〈img src=”http://hovertree.com/hvtimg/201512/f748s0ko.jpg” style=”filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)” onmouseover=”this.style.filter=’progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'” onmouseout=”this.style.filter=’progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'”>

变灰:style= “filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); “

  如果想让整个网站的图片变灰,在样式表中加入

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

按纽变灰
INPUT { border:1px solid #999;  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

 

推荐:http://www.cnblogs.com/roucheng/p/texiao.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120455.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux目录结构详解_linux系统文件在哪个目录

    linux目录结构详解_linux系统文件在哪个目录前言平常linux系统用的也不少,那么linux下的每个目录都是用来干什么的,小伙伴们有仔细研究过吗?让我们来了解下吧Linux系统目录结构登录系统后,在当前命令窗口下输入命令:[root@

    2022年7月30日
    3
  • 情人节来了,教你个用 Python 表白的技巧「建议收藏」

    情人节来了,教你个用 Python 表白的技巧「建议收藏」作者:@明哥公众号:Python编程时光2020年,这个看起来如此浪漫的年份,你还是一个人吗?难不成我还能是一条狗?18年的时候,写过一篇介绍如何使用Python来表白的文章。虽然创意和使用效果都不错,但有一缺点,这是那个exe文件,女神需要打开电脑,才有可能参与进来,进而被你成功”调戏”。由于是很早期的文章了,应该有很多人没有看过。没有看过的,你可以点击这里查看:用Python写一个表白神器让你脱离单身提醒你一下,后天就是2月14日了。什么?还是一条狗呢?行吧,那你赶上了,今

    2022年6月2日
    31
  • 流程引擎概念_虚幻引擎4

    流程引擎概念_虚幻引擎4目录一、流程定义二、查询流程定义三、ID与版本四、挂起流程定义五、流程实例六、执行七、活动实例八、任务与任务定义本部分说明了流程引擎的概念一、流程定义流程定义定义了流程的结构。CamundaBPM使用BPMN2.0作为主要的建模语言,可以将BPMN2.0XML格式部署到流程引擎中。二、查询流程定义List<ProcessDefinition>processDefinitions=repositoryService.createP

    2022年10月20日
    0
  • idea中servlet访问不到_javaweb创建servlet

    idea中servlet访问不到_javaweb创建servlet今天遇到一个比较新奇的问题,但是也应该是使用springMVC框架时由于疏忽经常会遇到的一个,解决后写出来和大家分享分享。问题描述:项目正常启动,可以访问页面,但是无法找到静态资源文件,如css,js等文件资源。浏览器控制台报错信息:idea后台报错信息:二月07,201711:27:35上午org.springframework.web.ser…

    2022年8月23日
    12
  • http与https的区别与联系_http状态码

    http与https的区别与联系_http状态码HTTP与HTTPS握手的那些事

    2022年10月2日
    0
  • Docker这个新软件究竟是用来干嘛的???

    Docker这个新软件究竟是用来干嘛的???

    2022年2月10日
    27

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号