CSS透明度设置

来源:互联网 发布:郭富城 熊黛林 知乎 编辑:程序博客网 时间:2024/05/16 19:28

在HTML+CSS的学习中,实现透明度不同有几种方法,我在这里将分享我学到的且比较熟悉的2种方法

第一种:

background-color:transparent;//支持完全透明

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

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

第二种:

建立一个半透明层

在.html中设一个层

<div class="dc">



然后写这个层的CSS:

div{position:absolute}.bg{    width:100%;    height:100%;background:#000;opacity:0.7;//设置半透明度    filter:alpha(opacity=70);   //设置滤镜}


0 0
原创粉丝点击