Question

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;
}
这样背景和文字都透明了，怎么只让文字透明？

Answer 1

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中的拾色器里的数值。

Answer 2

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<style>标签中，对“article”添加样式：opacity: 0.5;，对“article p
”添加样式：opacity: 1;。

3、浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。

Answer 3

背景和文字是两个相邻的盒子，不是嵌套关系

Answer 4

article{
background-color:rgba(0,0,0,0.8); //注意，是rgba，不是rgb ！！！
position:static;
}
article p{
color:white;
position:relitave;
}