热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> 网页标准>>正文内容

css使图片变灰

发布时间:2010年02月25日点击数: 佚名

最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。
1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了,
但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒,
喜欢让计算机干更多的事情。
2 于是又想到了第二种,就是用css来解决问题,上网一搜还真有。 将“filter:gray;”添加到图片的样式中就可以了。
这是应用了滤镜的效果。

对于IE用户这个问题是解决了,但在firefox下就不起作用了。问题在于IE有滤镜的支持,而firefox就没有。
后来只能是在firefox下将图片半透明显示,也能起到满意的效果。

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

这行代码在IE下图片变为灰色,在firefox下半透明显示。
filter:gray 这个属性只有IE支持,-moz-opacity这个属性firefox低版本支持,opacity高版本支持

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

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

更多模板/案例展示

亚太盛典国际婚纱摄影 本案例由亚太盛典国际婚纱公司所部署,精美的界面,合理的布局是网站的一大特色!
亚太盛典国际婚纱摄影 本案例由亚太盛典国际婚纱公司所部署,精美的界面,合理的布局是网站的一大特色!
关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作