`
paulfzm
  • 浏览: 884369 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

图片变灰

    博客分类:
  • CSS
 
阅读更多

最近项目中遇到个问题,就是想要图片变灰,不可点击状。百度了下,找到了比较好的解决方案:

对于IE,下面一句就搞定了。

  1. style="filter:gray;"  

要更好兼容多种浏览器,下面一句搞定,虽然半透明状,但是也满足了需求!

  1. style="filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;"  
分享到:
评论

相关推荐

    可以让图片变灰

    "可以让图片变灰"这个主题涉及到了一种常见的图像效果——灰度转换。灰度转换是一种将彩色图像转化为单色调,即灰色调的过程,它在网页交互中常用于鼠标悬停效果,为用户提供视觉反馈。下面我们将详细讨论这一技术...

    CSS鼠标悬停图片上图片变灰 变色 半透明

    在这个特定的问题中,我们关注的是如何通过CSS实现鼠标悬停时图片效果的变化,比如图片变灰、变色以及半透明。下面将详细介绍这些效果的实现方法。 1. 图片变灰: 当鼠标悬停在图片上时,可以使用CSS的`filter`...

    java 图片 变灰 源码

    "java 图片 变灰 源码" 提供了一个工具类,用于实现这个功能,同时还包括一个用户界面示例,这可以让我们看到类似QQ头像的在线和离线状态效果。"Image Gray"标签强调了此代码主要关注的是图像的灰度转换。下面我们将...

    Android图片变灰

    Android改变图片变灰方法阿斯顿撒旦撒旦asdasdasd啊实打实大师大师大师阿打算打算的三大啊实打实大师撒大声大声道

    android图片置灰

    "android图片置灰"这个主题,就是关于如何将彩色图片转化为灰度图,以实现特定的交互效果,比如点击后图片变灰,增加视觉反馈。这种方法可以减少资源的使用,因为不需要为每个状态(正常和选中)都准备两张图片。 ...

    可以使图片变灰色的Shader

    这个shader是自己简单写的,上次给美即做的一个程序用到了,所以在这里分享给大家,可以帮你的图片颜色去掉色彩变成黑白照。

    ColorMatrixFilter(图片变灰色).fla).fla

    ColorMatrixFilter图片变灰色效果

    JavaScript 图片点击后变灰色的CSs代码.rar

    要让图片变灰,可以利用CSS的滤镜(filter)属性,特别是`grayscale()`函数。这个函数可以将图片转换为灰度图像,参数值为0表示无灰度效果,1表示完全灰度。例如,我们有一个图片元素: ```html ``` 我们可以添加...

    一个批量使图片变灰的工具

    一个批量使图片变灰的可执行工具,自动实现转换,覆盖

    Unity - UGUI 图片置灰 Shader

    在Shader 使用在 Unity UGUI 的 图片上,图片选择该Shader,图片将显示会灰白色

    jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法

    关于“jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法”,涉及到的核心知识点包括jQuery的基本使用、事件处理、链式操作、CSS样式控制以及同辈元素选择技巧。以下是详细的介绍: 1. jQuery的基本使用:...

    支持各种图片图变灰.zip

    "支持各种图片变灰.zip"压缩包文件提供了实现这一功能的详细代码,下面将深入探讨图片变灰的原理和实现方法。 图片的基本构成是像素,每个像素由红、绿、蓝(RGB)三种颜色通道组成,每种颜色的值范围通常在0到255...

    opencv图片变灰(依赖Opencv Manager)

    在本文中,我们将深入探讨如何利用OpenCV将彩色图片转换为灰度图片,这一过程也被称为“灰度化”。 首先,OpenCV中的`cvtColor()`函数是进行颜色空间转换的主要工具,包括从RGB到灰度的转换。这个函数接受三个参数...

    基于MFC实现BMP的显示24色变灰

    在本文中,我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库来实现BMP图像的24位彩色转换为灰度显示。MFC是微软为Windows应用程序开发提供的一套C++类库,它简化了Windows API的使用,使得开发者能够更加...

    css滤镜实现鼠标悬停图片变黑白(灰色).zip

    // 鼠标悬停,图片变灰 }, function() { $(this).css('filter', 'grayscale(0%)'); // 鼠标离开,恢复原色 }); }); ``` 这段代码使用了jQuery的`hover`方法,它接受两个函数参数,分别对应鼠标进入和离开元素时...

    jquery 图片置灰,添加浮层

    这里提到的"jquery 图片置灰,添加浮层"是一个利用JavaScript库jQuery实现的功能,它允许我们在用户与图片交互时动态地改变图片的显示状态。接下来,我们将深入探讨这个功能的技术实现和相关知识点。 首先,jQuery...

    Html+css+jquery图片头像,鼠标悬浮点击,变灰色,换肤效果

    /* 图片变灰 */ } .avatar:active { opacity: 0.2; /* 点击时更暗的效果 */ } ``` `transition` 属性添加了平滑过渡效果,`opacity` 控制图片的透明度,从而实现颜色变暗。请注意,这种变暗效果模拟了图片的...

    css使图片变灰的实现方法

    综上所述,实现图片变灰的方法大致有几种: 1. 制作两张图片:一张正常色彩,一张灰度色彩,并在需要时替换显示。 2. 利用CSS的`filter: grayscale()`属性,但只兼容IE浏览器。 3. 对于Firefox及其他不支持`filter: ...

    iOS图片美白,变灰,马赛克等.zip

    图片变灰是通过将图像的每个像素的红色、绿色和蓝色通道的值取平均,生成一个新的灰度值。这个过程可以使用Core Image框架的CIColorControls滤镜完成,或者手动计算每个像素的灰度值。以下是一个使用Core Image的...

Global site tag (gtag.js) - Google Analytics