css怎么设置文字透明背景不透明?

在css中有很多好看的样式都可以实现,css设置出来的样式让整个网页看起来也会非常美观,今天的这篇文章就给大家来介绍一下在css中怎么设置字体透明背景不透明,让你的字体在网页中看起来是透明的。

在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>

效果图:

1.jpg-600

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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑