今天完成的事情：

1.完成css任务7

2.思考css任务7后的思考题，z-index和叠加上下文是如何形成的？

    1）层叠上下文

         层叠上下文是基于Z轴的一个环境，这个环境其实一直都存在。 

• •          它的默认层叠顺序原则是： 
    
    •          同级元素中，后面的元素覆盖前面的元素，
    •          父子元素中，子元素覆盖父元素
•          层叠顺序，就是层叠上下文元素在层叠上下文中的前后顺序 
•          例：
•          html
•          
•          css
•          
•          结果
•      
•       2）控制元素的层叠位置
•           z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
•          元素可拥有负的 z-index 属性值。
•          Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
•          该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

明天计划的事情：

1.继续css任务8

2.学习《不定宽——常见布局》

遇到的问题：

暂无

收获：

1.学会让盒子背景透明，盒内元素不透明。

  RGBA

  此色彩模式与RGB相同，只是在RGB模式上新增了Alpha透明度。

  R：红色值。正整数 （0~255）

  G：绿色值。正整数 （0~255）

  B：蓝色值。正整数（0~255）

  A：透明度。取值0~1之间