字体为什么也是半透明了

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

.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;
}

慕UI1013004 2019-10-18

源自：项目：网页布局案例 2-10 作业题

2

收起

2回答

好帮手慕言回答被采纳获得+3积分 2019-10-19 16:24:27

同学你好，可以这样理解：

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

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

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

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

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

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

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

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

祝学习愉快~

提问者慕UI1013004 #1

老师我想知道opacity和raba（）的区别。我这边用了rgba（）之后就可以实现了只有背景半透明

2019-10-19 11:55:29

相似问题

怎么让banner部分字体颜色和边框颜色同时是半透明色

如何让文字不受图片透明度影响

这个透明渐变设置百分比的话原理是跟颜色渐变设置百分比是一样的吧？

label阴影透明度Opacity，文字阴影透明度为何无法使用呢？

为什么加透明度之后字体颜色变了

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号