- 相对定位
Position relative;(上下左右)
top、left、 right bottom - 绝对定位
1、没有父级元素定位的前提下,对浏览器定位
2、假设父级元素存在定位,我们通常会相对于父级元素偏移
3、在父级元素范围内移动,
两者
Position: absolute - 固定定位
Position: fixed - Z-index
意思就是 层级,z-index: 0~99+ 层,0在最底层,会被上面的元素盖住,往上设置层就会显露出来 - Opactity:
0~1.设置透明度;
IE8以前: filter alpha(opactity=0~100) 设置透明度
前端中的定位
最新推荐文章于 2024-07-14 14:42:15 发布
本文深入探讨了CSS中的定位技术,包括相对定位、绝对定位和固定定位的使用场景与原理。重点讲解了absolute如何在父级元素存在定位时进行偏移,并在父级范围内移动。同时,提到了Z-index的概念,用于控制元素的层级显示,以及0到99+的层级设置。此外,还简单介绍了opacity属性,用于设置元素的透明度,支持0到1的取值范围,以及在IE8之前的滤镜实现方式。
摘要由CSDN通过智能技术生成