(background 透明) CSS设置背景颜色透明的两种方法实例详解 CSS 设置背景颜色透明： rgba 和 opacity 全网首发(图文详解1)

在CSS中设置背景颜色透明，主要有两种方法：

方法一: 使用background-color和rgba设置透明度。rgba的最后一个参数就是透明度，范围是从0.0（完全透明）到1.0（完全不透明），示例如下：

div {
    background-color: rgba(0, 0, 0, 0.5); //此处0.5是透明度
}

注：在此处的RGB值是设置的颜色比如黑色为（0,0,0），红色为（255,0,0），在0到255之间进行调整即可。A值是设置的透明度，选择0到1之间的数字进行调整。

方法二: 使用background-color和opacity来设置。opacity的参数的不透明度是以数字表示的，从0.0（完全透明）到1.0（完全不透明），数字越大代表元素越不透明，示例如下：

div {
    background-color: #000000; 
    opacity: 0.5; //此处0.5是透明度
}

请注意区别， opacity 会影响整个元素的透明度，包括文字和边框。