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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vuecli安装_vuecli搭建流程

    vuecli安装_vuecli搭建流程前言vue-cli是和vue进行深度组合的工具,可以快速帮我们创建vue项目,并且把一些脚手架相关的代码给我们创建好。真正使用vue开发项目,都是用vue-cli来创建项目的。vue-cli介绍

    2022年7月30日
    8
  • Fastai-简介

    Fastai-简介简单介绍Fastai这一基于PyTorch的深度学习框架。

    2025年10月8日
    2
  • List初始化、集合复制

    List初始化、集合复制List集合复制User类classUser{privateStringa;privateStringb;}1.通过循环遍历复制List集合List<User>userList=newArrayList<>();Useruser0=newUser(“a0″,”b0”);userList.add(user0);userList.add(newUser(“

    2025年8月21日
    3
  • Mysql 导出数据到Excel

    Mysql 导出数据到Excel

    2021年8月7日
    67
  • PyQt5高级界面控件之QTableWidget(四)

    PyQt5高级界面控件之QTableWidget(四)QTableWidget前言QTableWidget是Qt程序中常用的显示数据表格的控件,类似于c#中的DataGrid。QTableWidget是QTableView的子类,它使用标准的数据模型,并且其单元数据是通过QTableWidgetItem对象来实现的,使用QTableWidget时就需要QTableWidgetItem。用来表示表格中的一个单元格,整个表格就是用各个单元格构建起…

    2022年5月3日
    48
  • SPRINGBOOT启动流程及其原理[通俗易懂]

    SPRINGBOOT启动流程及其原理[通俗易懂]SpringBoot、SpringMVC和Spring有什么区别? 一springboot启动原理及相关流程概览 二springboot的启动类入口 三单单是SpringBootApplication接口用到了这些注解   1)@Configuration注解   2)@ComponentScan注解 3)@EnableAutoConfiguration AutoConfigurationPackage注解: Import(AutoConfiguration…

    2025年8月28日
    7

发表回复

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

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