锚点&定位&定位元素的层次关系&透明度

锚点：

1.命名锚点：   <标记的id="锚点名"></标记>

2.锚点链接：   <a href="#锚点名称"></a>

相对定位：position：relative

占位，相对于自身位置进行定位，通过left、right、top、bottom进行位置定位；

绝对定位：position：absolute  父相子绝

不占位，通过left、right、top、bottom进行位置定位，需要参考物

1.如果要相对于父级进行移动，那么父级元素必须有定位属性——position：relative；

2.绝对定位的参考物是一级一级向上找的，但会遵循最近原则，若最近元素没有定位属性，则会一直向上找，直到html根元素最后是浏览器。

固定定位：position：fixed

不占位，脱离文档流，相对于浏览器进行定位，通过left、right、top、bottom进行位置定位；

absolute和fixed的区别：是否有滚动条。

 

如何让一个容器在浏览窗口中水平垂直居中：

1.已知宽高：

         position：fixed；left：50%；top：50%；margin-left/top：减去容器宽高的一半

2.不知宽高：

         position：fixed；top/right/left/bottom：0；margin：auto；

 

定位元素的层次关系：

z-index：number           无单位的整数值，可为负数，数值越大，层越靠上。

透明度：

background:rgba(0,0,0,0.5)  取值为0~1，只透明背景颜色不透明文字；

opacity：0.5   取值0~1 ，透明背景也透明文字；

IE8及其以下的浏览器不认识opacity，怎样做到兼容？

filter:alpha(opacity=50)  取值1~100