css定位
positon 设置定位的属性
这个属性的属性值决定元素以何种方式定位
定位的方式有以下几种
可以通过 top left right bottom实现位置
1relative 相对定位
相对定位 相对的是这个定位的元素原来的位置（相对其正常位置）
使用偏移量来改变元素的位置
left top right bottom
对于相对定位来说
设置 left ; 30px ;表示元素相对于原来位置的标准流的左边移动30px
开启相对定位的元素不会脱离文档流开启相对定位会使元素提升一个层级
2.绝对定位absolutlely
当元素的position设置为 absolutely时
元素开启的绝对定位
绝对定位是相对于离他最近的开启了定位的祖先元素，如果他的祖先元素都没有设置定位，则相对浏览器进行定位
绝对定位会改变元素的性质，比如 内联元素 —>块级元素
开启了绝对定位的元素也会提升一个层级
3.固定定位 fixed
固定定位i从某种意义上也是一种绝对定位，，只不过是永远相对于浏览器窗口
而且位置固定不变
ie6不支持固定定位
元素的层级
可以用z-index来设置元素的层级，z-index后面可以接一个正整数，来表示当前元素的层级，层级越高，越优先显示
没有开启定位的元素不能设置z-index
水涨船高，父元素永远不可以盖住子元素
也就是父元素层级变高，子元素的层级跟着变高
===opacity=
opacity可以用来设置元素的透明度
使用 0~1 之间的值
0表示透明 0.5表示半透明 1表示完全不透明
ie8以下不支持这个属性