今天完成的事情：给页面三设置样式表，通过搜索引擎查看并学习CSS半透明是如何实现的，游戏结果页面注意页脚的底色为半透明，但里面的按钮不会跟着半透明，根据代码规范优化自己的代码，完成任务7。做开始做任务8，为所要用的背景图、头像、小图标切图，查看学习资料——《不定宽——常见布局》和《媒体查询——响应式布局》。

设置背景透明的方法：

(1)无图片半透明背景css

如果，单纯地用背景色并结合opacity进行设置透明度，那么会出现子元素中的文字也同样出现透明的情况。

(2)用png透明度合适的背景图，但这样的话，还得针对IE6进行PNG图片的灰色背景处理。

(3)用rgba结合专用hack兼容常规浏览器。

Rgba进行背景色填充，并设置透明度，并不会导致子元素也继承其的透明度。例如：background:rgba(0,0,0,0.5);这句，就适合了支持CSS3.0的浏览器。但IE6、IE7、IE8，我们可以利用到IE滤镜的渐变进行设置，开始和结束的颜色都一样就行了,代码如下:

语法：filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity，Style=style,StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)

说明：
Opacity：透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明,就是原图。
FinishOpacity：是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
Style：指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形。

StartX：渐变透明效果开始处的 X坐标。

StartY：渐变透明效果开始处的 Y坐标。
FinishX：渐变透明效果结束处的 X坐标。
FinishY：渐变透明效果结束处的 Y坐标。

以上的参数可以选用，也可以只设置一个opacity。例如：

一般透明：div {filter:alpha(opacity=30);}

线型透明：div {filter: alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=200, FinishY=180);}

明天计划的事情：为项目使用CSS框架Bootstrap，根据项目实际需求添加自定义样式表，写页面首页的样式，学有余力的同学可以尝试将框架的轮播图插件用上，无需理解原理。

遇到的问题：把三个页面链接起来的时候用了onclick="window.location.href('连接')"，但是有问题，点了没用反应，后来用了等号onclick="window.location.href='连接'"，才解决问题。

收获：同上。