HTML | DOM 样式 opacity 属性

简介

opacity 属性用于设置元素的透明度。取值范围为 0.0 到 1.0，其中 0.0 表示完全透明，1.0 表示完全不透明。

语法

opacity: value;

其中，value 为透明度值。

示例

设置元素不透明

<div style="opacity:1">这个元素完全不透明。</div>

设置元素半透明

<div style="opacity:0.5">这个元素半透明。</div>

设置元素完全透明

<div style="opacity:0">这个元素完全透明。</div>

注意事项

• opacity 属性会影响元素及其所有子孙元素的透明度。
• 通过 rgba 或 hsla 函数设置颜色的元素，可以在不影响文本内容不透明度的情况下调整背景的透明度。如：

background-color: rgba(255, 255, 255, 0.5); /* 白色半透明 */