CSS3 opacity 属性


实例

设置一个div元素的透明度级别：

div { opacity:0.5; }

尝试一下 »
在此页底部有更多的例子。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 opacity 属性。

注意：IE8和早期版本支持另一种过滤器属性。像：filter:Alpha(opacity=50)

属性定义及使用说明

opacity 属性设置一个元素的透明度级别。

默认值： 1
继承： no
版本： CSS3
JavaScript 语法： object.style.opacity=0.5

语法

opacity: value|inherit;

值 描述
value 指定不透明度。从0.0（完全透明）到1.0（完全不透明）
inherit Opacity属性的值应该从父元素继承

Examples

更多实例

更改某个元素的不透明度
这个例子演示了如何使用JavaScript来改变元素的不透明度。