今天完成的事：继续在做任务五。

明天的计划：明天有事，后天正常日报。

遇到的问题：1、关于背景图片的问题：昨天虽然插入了背景图片，但是还是有问题的，当屏幕尺寸为电脑全屏的时候，单张图片不能够铺满整个空间，会有图片重复的现象，当尺寸缩小的时候，图片亦不能随之缩小，开始我用的 background-repeat: no-repeat来让背景图片不出现重复的现象，又加上background-size:cover属性把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，但是背景图片重复的现象是消失了，但是并没有像我想象的那样铺满，也不能随着窗口尺寸的改变而改变，原因是因为background-repeat: no-repeat与background-size:cover这两个属性是冲突的，在前者生效的时候，后者会不起作用。另外还有一点必须注意，在输入属性的时候background-size:cover必须放在下面，否则不会生效！

                    2、关于背景图片和头部的问题：因为任务需要，hearder是要求跟随窗口浮动的，所以我给它设了position:fixed属性，但是由于这个属性是属于绝对定位的元素，会脱离文档流，所以会导致一个后果：就是它下面的background会因为它脱离文档流而去填上去，所以background实际上会有一部分被header遮挡 , 像这样：

先给background设了一个与header高度相同的margin-top想把background撑出来，结果会带出来另外一个问题，像这样：

这是因为background的margin-top会和header的margin发生重叠，header是绝对定位的属性，给它加个top可以解决。

                     3、还是和background有关的问题：因为页面在缩小并向上滑动的时候会发生background上的内容覆盖header，这样子：

这时候就需要用到z-index,但是我最开始的时候是给background（它是几个大盒子之一，background上的内容它都包裹着）设置了z-index:-1,可是没有用，要给header设置z-index：1时才会生效，这个问题我还没有想明白。

收获：1、学习了background的相关属性。

          2、之前在文档里看过margin重叠的问题，但一直没遇见过，这次算是加深了对margin的理解。

          3、知道z-index的用法，但有些地方不能够理解。