发表于： 2019-10-26 18:47:26
1 818
今天完成的事情：基本写完任务七的第三个页面，效果图
明天计划的事情：了解任务八相关
遇到的问题： 调节底部的透明度时遇到麻烦，在设置了透明之后里面的两个按钮也会一起变得透明，花费较长时间解决
收获：学会如何处理背景透明内容按钮不透明的情况，最开始我是使用opacity：0.5来使其透明化，但是实际效果如图
整个div中的元素都透明了，就算设置子元素opacity：1也没有办法恢复，后经过自己查询另一种background：rgba的标签可以只定义父级背景元素
代码
background: rgba(153, 223, 240, 0.5);
实际效果
另外看到ui图有字体间距，查询到代码letter-spacing可以调整间距未设置前
设置代码
letter-spacing:1px;
更接近设计图了
之后本页未遇到其他麻烦，明天了解一下任务八相关知识
返回列表
评论