css只背景透明度 |css经过切换代码

首先大家需要了解的是，CSS中控制背景透明度的属性是”opacity”。通过设置元素的opacity属性，可以将元素背景颜色或背景图片透明化。

.demo {
background-color: #000;
opacity: 0.5;
}

上面代码中，背景颜色为黑色(#000)，透明度为0.5，即将该元素的背景颜色变成了半透明黑色。

如果想要设置背景图片的透明度，可以使用”background-color”属性与”background-image”属性共同定义背景，并对”background-color”属性设置透明度。

.demo {
background-color: rgba(255, 255, 255, 0.5);
background-image: url(bg.jpg);
}

上面代码中，”background-color”属性使用了RGBA值，并对最后一个参数0.5设置了透明度，也就是半透明白色，”background-image”属性为背景图片的链接地址。

需要注意的是，通过设置opacity属性来控制元素的背景透明度是会影响到元素本身的透明度的。也就是说，如果设置了元素的opacity属性为0.5，则该元素所有内容的透明度也会被设置为0.5。

如果只想将元素的背景透明化，而不影响元素本身的透明度，则可以使用”rgba”颜色值进行设置。

.demo {
background-color: rgba(0, 0, 0, 0.5);
}

值得注意的是，”rgba”颜色值中的最后一个参数也是透明度参数，其取值范围是0~1。0表示完全透明，1表示完全不透明。

以上就是CSS中只有背景透明度的使用方法，通过灵活运用，可以为大家的页面加上独特的透明效果。