定位网页元素

Posted 2020-09-21 忘文

一.定位--position属性
1.static：默认值 没有定位--以标准文档流方式显示
2.relative：相对定位--相对自身原来的位置进行偏移（top left right bottom）
3.absolute：绝对定位
4.fixed：固定定位

二.相对定位元素的规律
1.设置相对定位的盒子会相对它原来的位置，通过指定偏移到达新的位置
2.设置相对定位的盒子仍在标准文档流中，它对父级盒子和相邻盒子都没有影响

三.绝对定位-- absolute属性
1.偏移位置：left right top bottom
2.使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素”为基准进行偏移，
如果没有已近定位的“祖先元素”那么会以为浏览器为基准进行偏移
3.绝对定位的元素从标准文档流中脱离，这意味着它们对其他元素的定位不会造成影响
4.绝对定位不设置偏移量元素将保持原来的位置，但脱离标准文档流

四.调整元素定位重叠层的上下位置
1.z-infex属性值：整数默认值为0
2.设置position属性时z-iindex属性可以设置各元素之间的重叠高低关系
3.z-index值大的层位于其小的层上方

五.网页透明度
（除IE浏览器） opacity：X X值越小透明度越大 X：0-1
（IE浏览器） filter：alpha（opacity=X） X值越小越透明 X值为0-100