手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css使图片变灰的实现方法
css使图片变灰的实现方法
摘要:如果您是想将页面网页变灰配合全国哀悼日的css代码20100421下面是图片特效。1一种是图片之间的替换,也就是将正常的图片再做成灰色的。这...

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

1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了,

但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒,

喜欢让计算机干更多的事情。

2 于是又想到了第二种,就是用css来解决问题,上网一搜还真有。 将“filter:gray;”添加到图片的样式中就可以了。

这是应用了滤镜的效果。

css使图片变灰的实现方法1

对于IE用户这个问题是解决了,但在firefox下就不起作用了。问题在于IE有滤镜的支持,而firefox就没有。

后来只能是在firefox下将图片半透明显示,也能起到满意的效果。

css使图片变灰的实现方法2

"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使图片变灰的实现方法】相关文章:

常用的10种CSS BUG解决方法与技巧

鼠标经过背景变色之CSS+DIV方法

使用CSS中的meta实现web定时刷新或跳转的方法

css3 线性渐变和径向渐变示例附图

CSS图片垂直居中方法整理集合

css让图片等比例缩小的代码

css让背景图片拉伸填充的属性

页面背景图片的拉伸实现代码

div+css垂直居中的五种实现方法

CSS实现同一行的图片和文字垂直居中对齐的方法

精品推荐
分类导航