此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

opacity

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

opacity 属性指定了一个对象或一组对象的透明度,也就是说,元素后面的背景的透过率。

作为一个外观属性,它可以直接用作 CSS 样式表内部的属性,请阅读 CSS opacity 以了解更多信息。

使用说明

类别 外观属性
<opacity-value> | inherit
可变性 Yes
<opacity-value>

一致的不透明度设置,作为一个 <number> 被应用到整个对象上。任何超过范围 0.0 到 1.0 的值都会被压回这个范围。0.0 表示完全透明,1.0 表示完全不透明。

示例

元素

以下元素可以使用opacity属性:

规范

规范
CSS Color Module Level 4
# propdef-opacity
Scalable Vector Graphics (SVG) 2
# ObjectAndGroupOpacityProperties

参见