在css中，可以使用color属性配合rgba()函数来设置文字透明背景不 透明效果 ，语法格式为“rgba( red , green, blue, alpha)”；其中，参数alpha用于设置透明度，值介于“0.0”和“1.0”之间。
本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
css设置文字透明背景不透明
<!DOCTY PE html>
<html>
<head>
< ;m eta charset="utf-8">
<style type="text/css">
div{
background: palevioletred;
width: 200px;
h ei ght: 200px;
}
.box {
color: rgba(255, 255, 255, 0.4)
}
</style>
</head>
<body>
<div>
<span>我是 正常 文字</span>< br />
<span class="box">我是透明文字</span>
</div>
</body>
</html>效果图：
css RGBA
RGBA 的 意思 是（Red-Green-Blue-Alpha）它是在 RGB 上扩展包括了 “alpha” 通道，运行对颜色值设置透明度。
语法：
RGBA(R,G,B,A)
取值：
R： 红色 值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：Alpha透明度,取值0~1之间。
推荐教程：CSS视频教程
以上就是如何使用css设置文字透明背景不透明的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 如何使用css设置文字透明背景不透明 全部内容，希望文章能够帮你解决 如何使用css设置文字透明背景不透明 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于如何使用css设置文字透明背景不透明的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did199544