定义CSS风格实现图片的半透明效果
定义CSS风格实现图片的半透明效果,方法很简单,示例如下:
<div id='imgbox'>
<img src="logo.gif" border=0/>
</div>
CSS定义实现半透明处理如下(兼容IE,FireFox,OPERA):
#imgbox img{opacity: 0.5;filter:alpha(opacity=50);
//filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;
这样就可以实现网页相应图片的半透明效果。
另外如何实现全网页的灰度效果呢?比如遇到5.12悼念日等类似的悲痛日子,需要把网页全灰以示悼念或伤怀。
只需要这样定义CSS就可以了:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
一句话就可以实现全网页的灰度显示。
