使用CSS设置网页图片透明度

使用CSS制作网页透明图片,需要考虑到浏览器的兼容问题。
关于CSS Alpha透明的相关知识。先看如下代码:

.img_alpha
{
filter:alpha(opacity=50);    /* IE */
-moz-opacity:0.5;            /* Moz + FF */
opacity: 0.5;                    /* 支持CSS3的浏览器(FF 1.5也支持)*/
}

 对于以上,每种浏览器都有自己的私有属性,如下:

  • filter:alpha(opacity)      IE使用私有属性
  • -moz-opacity               Moz Family使用私有属性
  • 标准的属性是opacity       CSS 3, Moz Family部分支持CSS3

后面的数值是透明度,使用百分比或者小树(alpha(opacity))使用大于0小于100的数值,其实也是百分比)。

 

参考:http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793715.html

posted on 2011-09-01 14:07  idjump  阅读(196)  评论(0)    收藏  举报

导航