zoukankan      html  css  js  c++  java
  • css使图片变灰

    最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。

    1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了,

    但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒,

    喜欢让计算机干更多的事情。

    2 于是又想到了第二种,就是用css来解决问题,上网一搜还真有。 将“filter:gray;”添加到图片的样式中就可以了。

    这是应用了滤镜的效果。

     

    对于IE用户这个问题是解决了,但在firefox下就不起作用了。问题在于IE有滤镜的支持,而firefox就没有。

    后来只能是在firefox下将图片半透明显示,也能起到满意的效果。

     

    "filter:gray; -moz-opacity:.1;opacity:0.1;"

    这行代码在IE下图片变为灰色,在firefox下半透明显示。

    filter:gray 这个属性只有IE支持,-moz-opacity这个属性firefox低版本支持,opacity高版本支持

    ”filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;“

    这行代码在IE和firefox下都半透明显示 。

  • 相关阅读:
    Java职业生涯规划
    Java类加载器总结
    Java字节流与字符流的区别
    Java堆和栈的区别
    详解Java类的生命周期
    Java编程常见问题汇总
    Java总结输入流输出流
    Java NIO:浅析I/O模型
    perl 处理文件路径的一些模块
    Delphi第三方控件安装卸载指南
  • 原文地址:https://www.cnblogs.com/valin/p/1666973.html
Copyright © 2011-2022 走看看