css使照片变灰的完成方式

日期:2021-03-13 类型:科技新闻 

关键词:在线小程序开发,微信小程序怎么做店铺,小程序logo设计,小程序平台,小程序码生成

假如您是想将网页页面 网页页面变灰相互配合全国性悼念日的css编码 20100421 下面是照片殊效。

1 1种是照片之间的更换,也便是将一切正常的照片再做成灰色的。这类方式应当是最平稳的了,

可是就要花销時间去做过剩的那些照片了。应当算是较为费事的那种,程序流程员嘛,都较为懒,

喜爱让测算机干更多的事儿。

2 因而又想起了第2种,便是用css来处理难题,上网1搜还真有。 将“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下都半全透明显示信息 。