您的位置:首页 > Web前端 > CSS

css如何设置图片透明度

2015-01-29 09:19 393 查看

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

{

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之间。

文章转载自: css设置图片透明度 http://www.studyofnet.com/news/653.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: