html 图片变灰,科技常识：css使图片变灰的实现方法

今天小编跟大家讲解下有关css使图片变灰的实现方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css使图片变灰的实现方法 的相关资料，希望小伙伴们看了有所帮助。

如果您是想将页面 网页变灰配合全国哀悼日的css代码 20100421下面是图片特效。

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下都半透明显示 。

来源：爱蒂网

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时候联系我们修改或删除，多谢。