CSS怎么设置让背景颜色透明，而文字不透明
html：
<article>
<p>文字</p>
</article>
css:
article{
background-color:black;//不能读懂rgb（0，0，0，0.8）这样写整个背景都透明了
opacity：0.8;//不能读懂filter：Alpha（opacity：80）；
position:static;
}
article p{
color:white;
position:relitave;
}
这样背景和文字都透明了，怎么只让文字透明？
1、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。
3、然后我们添加一个透明度的代码（opacity:0.6）。
4、在图层的上方，有个不透明度，我们把PS中图层不透明度设置为60%。
5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。
6、其中255,255,255就是PS中的拾色器里的数值。
温馨提示：内容为网友见解，仅供参考
第1个回答 2019-07-12
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<style>标签中，对“article”添加样式：opacity: 0.5;，对“article p
”添加样式：opacity: 1;。
3、浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。
第2个回答 2016-10-25
背景和文字是两个相邻的盒子，不是嵌套关系
第3个回答 2016-10-25
article{
background-color:rgba(0,0,0,0.8); //注意，是rgba，不是rgb ！！！
position:static;
}
article p{
color:white;
position:relitave;
}本回答被提问者和网友采纳
background-color:rgba(0,0,0,0.8); //注意，是rgba，不是rgb ！！！
position:static;
}
article p{
color:white;
position:relitave;
}本回答被提问者和网友采纳
相似回答
