元素的几种定位详解

absolutely：绝对定位

                    将对象从文档流中脱离出来，使用left/right/top/bottom等属性相对其最近的一个设置有定位的父元素进行绝对定位：如果不存在这样的父元素，则根据HTML（最大的包含块、浏览器）对象而起层叠通过z-index属性定义；

                    包含块是绝对定位的基础，是为绝对定位提供参照的参照物；

                    让一个元素变成包含快：添加浮动  position：relative（不会让元素脱离正常文档流）；

                    z-index必须结合定位属性使用才有效（static除外）

relative：相对定位

                       不会使元素脱离正常文档流；

                        根据元素当前位置作为偏移参照物

fixed：固定定位

                与绝对定位用法相同；不同点：根据浏览器大小进行相对定位；

static：静态定位

                文档默认定位方式

 

设置元素（所有）透明度：

opacity：0-1

filter：alpha（opacity=0-1）