元素的层级，背景的设置

元素的层级z-index：

z-index（正整数） 数值越大，层级越高
（元素的层级必须开启 定位 后使用）

父元素 的层级无论如何比 子元素的 低

---

背景

1.透明背景opacity

opacity:0~1之间的数值，0是完全透明，1是完全不透明
IE8及以下的浏览器版本用opacity无效；
IE8以下用： filter：alpha（opacity=50）0~100之间的值,0是完全透明，1是完全不透明

图片.png

2.背景图片 background-img:url(路径)：

背景图片小于内容区时，会自动设置平铺；
背景图片大于内容区是，只会显示部分；
可以同时设置背景色和图片

3.设置是否重复背景图像background-repeat：

background-repeat:repeat 默认值，水平和垂直同时设置
background-repeat:repeat-x 图像水平重复
background-repeat:repeat-y 图像垂直重复
background-repeat:no-repeat 背景图仅显示一次

4.设置背景图片的起始位置 background-position：

1. background-position:top left/right/center * 上左，上右，上中
   background-position:center left/right/center *中左，中右，中间
   background-position:bottom left/right/center *下左，下右，下中
   当只写一个方向时，第二个会默认是center
   缺点：能够用来放图片的位置很有局限性
2. 用坐标x,y来设置
   这种方法的好处是，图片的位置比较灵活；一直相对于父元素，可以指定负值，不管怎么样它都不会超出父元素
3. 设置背景是否固定 或者是 随着页面其余部分滚动 background-attachment：
   background-attachment:scroll *默认值，会随之移动
   background-attachment:fixed *页面的背景不动
   background-attachment:inherit *规定应该从父元素 继承background-attachment
   用fixed设置的时候，一般设置在body中，如果设置在其他中，当它在屏幕上不显示的时候，被fixed固定的图片也会消失
   
   

   图片.png

简写背景属性

background:#bfa url(img/2.png) center center no-repeat fixed
这里设置内容，如果还有关于背景的东西，应该设置在这一句下面，因为这个没有设置的时候会用默认值

表格的制作

图片.png

长表格要设置三个主要的标签1. 2. 3.