定义元素不透明度 CSS

CSS 可以控制元素的透明度，使其半透明或完全不透明。在 CSS 中，透明度用 opacity 属性来定义。

语法

opacity: value;

其中 value 的取值范围为 0.0 到 1.0，表示元素的透明度。值越小，元素越透明，值越大，元素越不透明。

示例

<div style="opacity: 0.5;">这是一个半透明的元素</div>
<div style="opacity: 0;">这是一个完全透明的元素</div>
<div style="opacity: 1;">这是一个完全不透明的元素</div>

注意事项

• opacity 属性会继承到子元素中，所以会影响整个元素树结构下的元素。
• 如果使用 opacity 属性来使一个元素变得半透明或者不透明，那么这个元素的所有子元素也会受到这个属性的影响。如果你不想让子元素受到影响，可以对其设置相反的属性。例如，如果父元素设置为 opacity:0.5，则子元素可以设置为 opacity:1，这样就可以保证其不透明。
• 在 opacity 值为 0 时，元素会变得完全透明，但仍然会占用空间。如果需要完全隐藏元素并且不占用空间，可以使用 visibility 属性或将其 display 属性设置为 "none"。