CSS 颜色设置透明度

这两种方式中，第一种就是给整个对象（或图层）设置 opacity ，即：

.element {
    background: #D9D9D9;
    opacity: 0.5;
}

第二种是给元素背景颜色设备透明度，例如：

.element {
    background: rgb(217  217 217 / 0.5);
}

它们不同之处是，opacity 属性会将整个元素设备透明度，包括它的所有 UI 样式，比如背景颜色（background-color）、文本颜色（color）和边框（border）等。而 rgb() 只是调整背景颜色的透明度。