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

html:<article><p>文字</p></article>css:article{background-color:black;//不能读懂rgb(0,0,0,0... 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;
}
这样背景和文字都透明了,怎么只让文字透明?
展开
 我来答
百度网友faadf46
高粉答主

2019-07-19 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:75万
展开全部

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

幻翼高达Zero
2019-07-12 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.2万
展开全部

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

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

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

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
鳑鲏鱼
2016-10-25 · TA获得超过3326个赞
知道小有建树答主
回答量:684
采纳率:100%
帮助的人:645万
展开全部
背景和文字是两个相邻的盒子,不是嵌套关系
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
网海1书生
科技发烧友

2016-10-25 · 擅长软件设计、WEB应用开发、小程序
网海1书生
采纳数:12311 获赞数:26228

向TA提问 私信TA
展开全部
article{
background-color:rgba(0,0,0,0.8); //注意,是rgba,不是rgb !!!
position:static;
}
article p{
color:white;
position:relitave;
}
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式