定位锚点 透明 权重

定位锚点 透明 权重

权重:

! important > id > class > 标签 > * > 继承

1. 定位锚点透明

1.1 position 定位属性和属性值

 position 定位属性，检索对象的定位方式；

语法：position：static /absolute/relative/fixed/sticky/unset/inherit(未设置是inherit和initial的结合)/initial(最初的，初始的)

1、static：默认值，无特殊定位，对象遵循HTML原则；
2、absolute：绝对定位，将对象从文档流中完全拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这样的父对象，则依据《浏览器》进行定位，而其层叠通过z-index属性定义
3、relative ：相对定位遵循正常的文档流，将依据right，top，left，bottom（相对定位）等属性在正常文档流中相对自身位置进行偏移；其层叠通过z-index属性定义.
4、fixed：(固定定位)，类似于绝对定位的方式，但是它的参照物是浏览器的“可视”窗口，且脱离标准文档流；

5、sticky：(粘性定位) 相对离自己最近且有滚动条的父元素做的定位

粘性定位，该定位是相对定位和固定定位的结合，在跨越特定阈值前类似相对定位，之后类似固定定位。

2.定位元素的层级属性

1、z-index : auto |number 设置定位对象的层叠顺序。
2、auto：默认值。遵循结构，后写的定位元素层的顺序靠上。
3、number:无单位的整数值。可为负数，数值越大，层的顺序越靠上

说明：
此属性仅仅作用于 position 属性值 relative 或 absolute,fixed ，sticky的对象。

3. 透明写法

1、IE9以下浏览器写法：filter:alpha(opacity=value);  
	取值范围 0-100之间的整数值
2、兼容其他浏览器写法：opacity:0.5; 
  (value的取值范围0-1 0.1,0.2,0.3-----0.9---1)
  
  rgba(255,255,0,0.5)(最后一位值表示透明，取值范围0-1) 只支持IE8以上的浏览器