字体为什么也是半透明了

字体为什么也是半透明了

.main .about .middle .left-part{
	width:370px;
	height:246px;
	border:1px solid rgb(121,141,192);
	position:absolute;
	background-color: #fff;
	opacity: 0.5;
	top:50%;
	margin-top:-110px;
	margin-left:-10px;
}
.main .about .middle .left-part .paragraph{
	color:black;
	position:absolute;
	margin:20px;
	margin-top:30px;
	line-height:1.5em;
	z-index:5;
}
.main .about .middle .left-part button{
	width:102px;
	height:45px;
	color:#fff;
	background:#000;
	position:absolute;
	margin-left:20px;
	bottom:30px;
	z-index:5;
	border:1px solid black;
}

http://img1.sycdn.imooc.com//climg/5da9b482095ac1c104240270.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,可以这样理解:

opacity属性设置透明效果,会让文本和背景颜色一起透明。就像拿一块玻璃糊在了这个元素上,盖上的地方都会受到影响。

而通过设置background:background-color: rgba(),只会让背景变为透明,而文字是不会有透明效果的。

如果帮助到了你,欢迎采纳~祝学习愉快~

好帮手慕言 2019-10-19 10:24:49

同学你好,只有一部分css代码,不能准确的定位问题,

建议:不要使用opacity属性。可以使用背景来做哦。可以试试这段代码:background-color: rgba(255, 255, 255, 0.4);

http://img1.sycdn.imooc.com//climg/5daa7378091ca51f03840435.jpg

如果不可以的话,建议把全部的代码都粘贴上来,老师帮助排查。

如果帮助到了你,欢迎采纳~祝学习愉快~

祝学习愉快~

  • 提问者 慕UI1013004 #1
    老师我想知道opacity和raba()的区别。我这边用了rgba()之后就可以实现了只有背景半透明
    2019-10-19 11:55:29
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师