[分享]css3怎么透明背景

CSS3怎么透明背景

/* 给元素设置透明度 */
.element {
    opacity: 0.5;
}

/* 给背景色设置透明度 */
.element {
    background-color: rgba(255, 255, 255, 0.5);
}

/* 背景图片设置透明度 */
.element {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url(bg.png);
    /*注意：这里是用2个背景图实现，第一个是渐变透明的白色，第二个是实际背景图*/
} 

以上是通过给元素设置透明度/背景色设置透明度/背景图片设置透明度三种方式实现CSS3透明背景的方法。