今天完成的事情，任务8基本上做完，第二张图的hover效果，与动画暂时没做好。

今天遇到的问题，网格布局的内容，需要作出一个hover效果，一时半会不知道怎么去hover文字，不过脑子里面有思路，一个盒子包裹文字内容，然后dispaly：none，

hover，dispaly：block。

但是，不知道这个盒子要放在哪里，怎么去填满整个内容·的空间，问了一下师兄，看了一眼他做了一个盒子隐藏起来。原本以为是，这个盒子包裹网格布局的盒子里面。

尝试了一下，在分配网格布局之后的空间基础上，写在写一个内容，让他的大小覆盖掉之前写的去内容。

接着写下去，碰到了关于rgba颜色的问题，rgba最后一个单位是调整透明度的，但是不知道rgba怎么调整到ui图里面的颜色，又不能在开发者模式里面一个一个试。

百度找到了关于rgba颜色转换的工具，

可以轻松把16进制颜色颜色转换为，rgba颜色。

今天未解决问题，给rgba颜色最后一位单位设置为.5之后，无法实现透明。全部设置为转换的颜色之后，发现下面的内容无法现实出来，

不知道用z-index层级的关系。

今天的收获，看了一下关于权重上面的知识吗，学会如何覆盖bootstrap4框架上面的样式。学会使用gird网格布局。

 <div class="wrapper">wrapper是实际的网格，items是wrapper的子级。也是网格的内容。我们可以自由分配网格布局的列数，和所要占据的空间，只需要

简简单单的dispaly：grid就好了，col与row是网格中的列与行。和关于rgba颜色转换的工具。

明天计划把 hover效果做完。脑图深度思考写完准备任务10。