css如何使图片变灰

在使用css的时候我们有时候会根据需求将图片变灰，对于刚接触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下都半透明显示 。

css如何使图片变灰？其实在css中有上面几种方法，掌握css的小技巧是成功之路的必备技能，如果你不想成为系统菜鸟，那就一起来练级吧。

原文链接:https://js.aizhan.com/web_authoring/css/9279.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有