在css3中新增了一个rgba属性,所谓rgba属性,就是R(红)G(绿)B(蓝)三原色加ALPHA(透明度),下面我们就来具体看看这个rgba属性如何设置字体透明度。
如果需要设置字体的透明度,可以对color的rgba属性进行设置。
示例:
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .div{ background:red; width:100px; height:100px; color:rgba(255,255,255,0.4) } </style> </head> <body> <div class="div"> 我是透明文字 </div> </body> </html>
效果图:
rgba色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。
语法:
RGBA(R,G,B,A)
取值:
R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数 | 百分数
A:Alpha透明度,取值0~1之间。
说明:
RGBA记法
此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。
IE6.0-8.0不支持使用 rgba 模式实现透明度,可使用 IE 滤镜处理
以上就是css怎么设置文字透明背景不透明?的详细内容,更多请关注0133技术站其它相关文章!