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

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!