首页 前端知识 定位(.相对定位/绝对定位/固定定位/)层级 /网页元素透明度

定位(.相对定位/绝对定位/固定定位/)层级 /网页元素透明度

2025-02-24 13:02:14 前端知识 前端哥 857 715 我要收藏

第八章

一、定位

1.相对定位

relative 相对自身原来位置进行偏移 不脱离原有的文档流 ,原有位置保留

2.绝对定位

absolute 脱离文档流

如果父级块级元素没有设置定位,将会以跟目录的位置,进行相应的移动,

一般父级 都设置相对定位relative,

3.固定定位

fixed 脱离文档流

位置相当于根目录,位置保持固定不动。

4.sticky 吸顶定位

当顶部上方还有广告什么的,会先移动,在固定在顶部

二、层级

z-index

必须在定位之后才能使用,0-1000… 数字越大层级越高,越先显示。

三、网页元素透明度

opacity:x

值为0~1,值越小越透明

但是有弊端,会把字体也变透明,如果只需要透明背景,可以使用rgba

转载请注明出处或者链接地址:https://www.qianduange.cn//article/21039.html
标签
评论
发布的文章

C/C | 每日一练 (2)

2025-02-24 13:02:49

Linux性能监控工具汇总

2025-02-24 13:02:48

Python常见面试题的详解16

2025-02-24 13:02:48

QQ登录测试用例报告

2025-02-24 13:02:47

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!