发表于： 2019-03-08 23:41:23
1 805
今天完成的事：
1.任务七进行中
2.学习了透明度的使用
明天的计划：
1.提交任务七
2.开始任务八的学习
3.把bootstrap学习一下，准备应用在任务中
遇到的问题：
1.透明度的设置
在设置footer的背景的时候，我先用的事opacity，但是会出现一个问题，footer上面的按钮图标也会跟着变成透明色，达不到效果。然后我去查了百度，发现了另一种可以设置透明度的方法，用rgba，直接把背景background的颜色设置成background:rgba(41,189,224,0.5)，然后就可以正常显示了。
总结一下区别：
opacity:属性值会被子元素继承，如果div设置了，那么所有子元素都会带有这个属性，所以才会导致刚才按钮键被隐藏的样子
rgba：设置在rgb颜色最后一位，这个设置范围在0--1，设置后子元素不会继承
2.任务七第二章的任务做九个方块，我用了图片来代替做，后来询问了师兄才知道错了，改写了用CSS盒子来写，但是由于这个盒子是两个颜色的，所以我才用两个盒子合并在一起，但是这样必须用到绝对定位。我现在还不知道如何把多个“合成的盒子”合理的排布，并且能够自适应，全部用绝度定位定住肯定不行 （未解决）
错误版本：（可以看到图片做出来比较模糊）
3.大图片下面的四个小图标，我采用的事hover鼠标滑动上就自动显示，但是不符合效果（点击后才会跳出来），所以我准备改写，目前有一点思路，明天更改一下
现在的错误版本：
收获：
1.学习了背景透明度的设置
2.任务七需要用CSS来写小Logo，例如 叉叉，三角形，之前都没有尝试过，今天学到了
返回列表
评论