今天完成的事情；完成task7剩余的两页页面。设置投票页面每个玩家的方块上，hover时会出现4个操作选择，添加opacity: 0;隐藏下面四个小图标，opacity翻译成中文是透明度的意思，opacity: 0;应该意思就是透明到看不见了，也就是隐藏起来了，然后   

 .content-box（小方块）:hover .tp（下边四个小选项）{ opacity:1; }

大概意思就是当鼠标移动到content-box（小方块）的地方被隐藏的部分tp（下边四个小选项）就会被显示出来。结果页面的页脚的底色为半透明，但里面的按钮不会跟着半透明添加半透明背景色 background: rgba(150,220,240,0.5); RGB 是Red ；Green； Bule 3个颜色的缩写，a应该是指透明度吧。150,220,240是 三个颜色的值混合.最后一个参数0.5 是指的透明度是50%，1为100% 不透明。大概意思就是这三种颜色的值混合在一起可以生成一种颜色

假如这三个值设置成0.0.0就是黑色，200，0，0就是red红色，0，200，0就是green绿色，0，0，200就是蓝色。具体这三个数值怎么配合的不知道，用

webstorm设置的时候会有提示，一点点尝试出来的。

然后为a标签和按钮添加链接，使其点击可以跳转到相应的页面。

明天计划做的事；学习task8的相关资料，为task8布局，现在感觉task8好像挺复杂，没有思路

遇到的问题；开始实现底部半透明是用的这种方法，为想要半透明的div添加filter:alpha(Opacity=50); 是啥意思不知道，反正效果出来是整个底部div包括两个按钮都透明了，然后百度找到上述方法，感觉挺棒的，其实感觉应该就是让背景色半透明，和其他元素没什么关联。

收获；学会了通过设置把元素隐藏起来，然后鼠标经过的时候可以显示出来和帮背景色设置成半透明。