定位知识点

![Uploading 293765_489914.jpg . . .]
时间飞逝，秋天已经到来，这是一个丰收的季节，您收货了什么？ 您可能收货了朋友；收获了亲情；收货了金钱；可知知识是无价的也是无形的，您收货了么？，接下来给大家分享一下定位的小知识，大家可以收货一下哟！

一、定位

定位的方向：position

        left:  ;
        right: ;
        top:  ;
        bottom: ;

相对定位：position：relative

特点：

a)相对于自身进行定位（以本身元素为基点）
b)不会脱离文档流的现象（不会影响其他元素，位置还是原来的位置）
c）不会改变元素的宽高
d)不会改变元素本身
f)会提高层级

绝对定位：position：absolute;

a)找有定位的父级，如果找不到，找body；
b)会脱离文档流
c)宽度尽可能的变窄，内容的宽度
d)会把元素变成块

固定定位：position：fixed

二、层级

 1.元素定位之后，层级会提高
 2.从小到大排序：
   a) 普通元素<浮动元素<定位元素（父级元素<子级元素，永远子级都比父级高）
 3.改变层级 ：z-index（注意：只有元素设置定位了才能用）                       

三、素变透明

 1. opacity: 0-1;（0最透明，1不透明 ,不兼容IE6）
 2.filter:alpha(opacity:0-100);（filter:alpha(opacity=0-100);）