您的位置:首页 > Web前端 > css > 正文

css设置图片透明度

更多 时间:2014-11-3 类别:Web前端 浏览量:661

css设置图片透明度

css设置图片透明度

 

IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。

IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小,越透明。

 

兼容性比较强的设置图片透明度的方法

{

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity:0.5;

opacity: 0.5;

}

 

上面这段CSS说明

 

  • 1、opacity是最重要的,因为它是CSS透明的标准属性,取值范围在0-1之间,目前支持的浏览器有:IE9及以上、Firefox、Chrome、Opera、Safari。(也就是说,除了IE9以下,它支持所有主流浏览器);
  •  
  • 2、filter:alpha(opacity=50);是专门给IE9以下设定的属性,取值的范围在0-100之间;
  •  
  • 3、-moz-opacity是为了兼容一些老版本的Mozilla浏览器,取值范围在0-1之间;
  •  
  • 4、-khtml-opacity是为了兼容一些老版本的Safari浏览器,取值范围在0-1之间。
  •  
  •  
  •  
  • 标签:透明度