Keep on going, never give up.

定义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); }
一句话就可以实现全网页的灰度显示。

相关评论(0):  

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

最新文章

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载也必须遵循“署名-非商业用途-保持一致”的创作共用协议. 返回顶部
Copyright@2005-2016 Metsky.com, All rights Reserved.