CSS 的颜色代码 透明色是什么代码?

html-css020

CSS 的颜色代码 透明色是什么代码?,第1张

透明色可以是任意的颜色,就是一种颜色加的透明度。

CSS透明度的代码:

opacity:0.5

filter:alpha(opacity=50)

background:#000

这个的意思就是在黑色的基础上,透明度是百分五十。

根据你需要的颜色自己选择色值就行了。

现在比较稳妥的做法是做一个半透明的黑色PNG图片,然后把它作为背景,因为单纯用CSS来写,在IE8及以下版本里面是不生效的。当然如果一定要用CSS来实现的话,也容易,可以直接设置这个元素的透明度,例如下面这样:

background:#000opacity: 0.8

也可以直接设置背景色为透明色,例如:

background:rgba(0,0,0,0.8)

这也是楼上的方法,相对而言这个方法还是比较简洁的,只是会遇到一点点浏览器兼容的问题罢了。

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