TUTORIALFrontendFETCHED
CSS3 opacity 属性
CSS3 opacity 属性 实例 设置一个div元素的透明度级别: [mycode3 type='css'] div { opacity:0.5; } [/mycode3] 尝试一下 » 在此页底部有更多的例子。 浏览器支持 所有主流浏览器都支持 opacity 属性。 注意:IE8和早期版本支持另一种过滤器属性。像:filter:Alpha(opacity=50) 属性定义及使用..
Updated 7/16/2026
Tutorial detail pages default to noindex.
CSS3 opacity 属性
浏览器支持
![]()
![]()
![]()
![]()
![]()
所有主流浏览器都支持 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属性的值应该从父元素继承 |
更多实例
更改某个元素的不透明度
这个例子演示了如何使用JavaScript来改变元素的不透明度。