background:#000opacity: 0.8
也可以直接设置背景色为透明色,例如:
background:rgba(0,0,0,0.8)
这也是楼上的方法,相对而言这个方法还是比较简洁的,只是会遇到一点点浏览器兼容的问题罢了。
透明色:transparent
背景色设为透明,代码如下:background-color:transparent
字体颜色设为透明,代码如下:color:transparent
扩展资料:
常用颜色代码分4种,分别如下:
1、常用颜色单词,比如green(绿色),yellow(黄色),red(红色),transparent(透明色)等;
2、以#号开头的六个字符组成的颜色代码,比如:#FF0000(红色),#000000(黑色),#F9F900(黄色)等;
3、颜色rgb值,表达方式:rgb(参数1,参数2,参数3),三个参数分别表示r,g,b
1)R:红色值。正整数 | 百分数
2)G:绿色值。正整数 | 百分数
3)B:蓝色值。正整数 | 百分数
4、rgba(参数1,参数2,参数3,参数4),这种方式前三个参数与上面第3点种相同,第四个参数表示透明度,数值在0-1之间。0表示透明度为0(即透明色),1表示透明度为1(百分百)。
transparent属性用来指定全透明色彩
transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。在CSS1中,transparent被用来作为background-color的一个参数值,用于表示背景透明。
在CSS2中,border-color也开始接受transparent作为参数值,《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。在CSS3中,transparent被延伸到任何一个有color值的属性上。
扩展资料:
表示透明的其它方法:
在RGBA色彩表示法中RGBA代表Red(红色)Green(绿色)Blue(蓝色)和Alpha的色彩空间。alpha通道一般用作不透明度参数。如果一个像素的alpha通道数值为0%,那它就是完全透明的(也就是看不见的),而数值为100%则意味着一个完全不透明的像素(传统的数字图像)。
在0%和100%之间的值则使得像素可以透过背景显示出来,就像透过玻璃(半透明性),这种效果是简单的二元透明性(透明或不透明)做不到的。它使数码合成变得容易。alpha通道值可以用百分比、整数或者像RGB参数那样用0到1的实数表示。
参考资料来源:百度百科-CSS background-color