css opacity
时间: 2023-07-30 17:08:18 浏览: 225
CSS opacity - 实现图片半透明效果的代码
5星 · 资源好评率100%
CSS opacity 是一种控制元素透明度的属性。它可以接受一个介于 0(完全透明)和 1(完全不透明)之间的值,也可以使用百分比表示。例如,设置一个元素的 opacity 为 0.5,那么这个元素将会半透明显示,它的背景色或背景图片会透过显示出来。下面是一个简单的例子:
```html
<div style="background-color: blue; opacity: 0.5;">
这是一个半透明的蓝色元素。
</div>
```
除了使用 opacity 属性,还可以使用 RGBA 颜色值来控制元素的透明度,例如:
```html
<div style="background-color: rgba(255, 0, 0, 0.5);">
这是一个半透明的红色元素。
</div>
```
其中,最后一个参数 0.5 表示透明度为 50%。
阅读全文