CSS怎么设置让背景颜色透明,而文字不透明

发布网友发布时间：2022-04-22 22:24

共4个回答

热心网友时间：2022-04-06 11:57

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

热心网友时间：2022-04-06 13:15

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

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

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

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

热心网友时间：2022-04-06 14:50

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

热心网友时间：2022-04-06 16:41

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