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

1、首先我们新建一个html文件,添加一个DIV,设置宽度和高度,以及背景色填充为红色。2、然后在父级DIV中插入一个子DIV,定义它的宽高,以及背景色。3、然后我们添加一个透明度的代码(opacity:0.6)。4、在图层的上方,有个不透明度,我们把PS中图层不透明度设置为60%。5、把刚才的背景色和不透明度...
CSS怎么设置让背景颜色透明,而文字不透明
article{
background-color:rgba(0,0,0,0.8); //注意,是rgba,不是rgb !!!
position:static;
}
article p{
color:white;
position:relitave;
}2016-10-25
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

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

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

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

2019-07-19
背景和文字是两个相邻的盒子,不是嵌套关系2016-10-25
mengvlog 阅读 65 次 更新于 2025-12-17 21:51:04 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部