当前位置:编程学堂 > CSS透明度设置

CSS透明度设置

  • 发布:2023-10-02 21:50

在HTML+CSS的学习中,有多种方法可以实现不同的透明度。这里分享一下我所学且熟悉的两种方法

第一种:

背景颜色:透明; //支持全透明

这是通过颜色rgba改变透明度。 rgba有三种颜色,分别是r(红)、g(绿)、b(蓝)、a(透明)

background-color:rgba(0,152,50,0.7);//70% 不透明度

第二种:

创建半透明图层

在.html中创建图层




然后编写这一层的CSS:

div{位置:绝对}
.bg{宽度:100%;高度:100%;
背景:#000;
不透明度:0.7; //设置半透明滤镜:alpha(opacity=70); //设置过滤器
}


相关文章