css使图片变灰的实现方法

网页制作 2024/10/7 佚名

3 2 1

帝王谷资源网 Design By www.wdxyy.com

如果您是想将页面网页变灰配合全国哀悼日的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,图片变灰

标签：

帝王谷资源网 Design By www.wdxyy.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

帝王谷资源网 Design By www.wdxyy.com

评论“css使图片变灰的实现方法”

暂无评论...

www.wdxyy.com 帝王谷资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

2024年10月07日