使用z-index属性需要注意的事项

分类: 文章 • 2024-12-02 15:12:52

z-index是用来提高元素层级关系的，数字越大层级越高
需要注意的：
被使用的元素必须是定位元素

最近在做项目时使用了z-index发现下面的文字还是没被遮挡
使用z-index属性需要注意的事项
找了好久才发现自己忘了给元素添加背景颜色，所以背景颜色默认为透明的，此时加上白色背景下面的文字就被遮住了

所以在使用z-index时除了要给元素添加定位，还必须要加上背景颜色
代码如下：
使用z-index属性需要注意的事项