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)
上一篇 2021年12月25日 上午10:00
下一篇 2021年12月25日 上午11:00


相关推荐

  • snippet编写学习

    snippet编写学习杂选 VISUAL contents 表示在这块时 会自动选中这块内容作用于全部文件 all snippetoptio 选项作选项解释 b 只有当 trigger 在行首才有 i 默认情况下 trigger 是自成一个单词才有用 加了这个选项 即使是在单词中 只要出现了这几个字母 就可以使用比如 aaatrigger 也可以使用 w 与 i 相反 只有是一个单词 前面是空格 才可以使用 r 支持正则表达 t 在这里 的其他功能失效 就当成空

    2026年3月19日
    1
  • 声明方法java实际开发中泛型使用需要注意的一些问题

    声明方法java实际开发中泛型使用需要注意的一些问题

    2021年8月23日
    69
  • 在线IEEE浮点二进制计算器工具「建议收藏」

    在线IEEE浮点二进制计算器工具「建议收藏」在线IEEE浮点二进制计算器工具在线IEEE浮点二进制计算器工具这是一个小计算器,旨在帮助您了解用于浮点计算的IEEE754标准。它是用JavaScript实现的,并且可以与Chrome和Firefox的最新桌面版本一起使用。我尚未在其他浏览器上进行过测试。如果您在左侧的三个框中之一中输入浮点数字,然后按Enter键,您将在右侧看到该数字的位模式。您可以输入使用通常在编程语言接受的语法,比如数字42,2.345,12E-3,等;您可以输入值NaN,Inf和-Inf直接;并且您还可以使用语法输入分

    2022年10月20日
    4
  • 2015欧冠决赛–脑力劳动结硕果

    2015欧冠决赛–脑力劳动结硕果

    2022年1月26日
    45
  • 统计字符中每个字符出现的个数

    统计字符中每个字符出现的个数统计字符中每个字符出现的个数:import java.util.HashMap;public class 统计字符中每个字符出现的个数 { public static void main(String[] args) { String str = "aaabbbbgbbccc"; char[] ch = str.toCharArray(); HashMap<Char…

    2022年6月13日
    29
  • 安装增强功能失败:Could not mount the media/drive C:\Program Files\Oracle\VirtualBox/VBoxGuestAdditions.iso「建议收藏」

    安装增强功能失败:Could not mount the media/drive C:\Program Files\Oracle\VirtualBox/VBoxGuestAdditions.iso「建议收藏」吾虚拟机Ubuntu18本来是正常的,重新安装系统,不能自动改变分辨率。于是试图安装增强功能,报错如图:文字内容:Couldnotmountthemedia/drive’C:\ProgramFiles\Oracle\VirtualBox/VBoxGuestAdditions.iso'(VERR_PDM_MEDIA_LOCKED).然后吾一通操作,结果正常了。怎么正常的吾亦不知。记得有两个:把对应版本的VirtualBox_Extension_Pack-6.1.0.vbo

    2022年6月16日
    53

发表回复

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

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