哦豁,我的z-index居然失效了???

今天在设置块级标签的时候,为了让某个块级显示在最上层,就需要用到z-index这个属性,但是今天设置的时候失效了。
后来查了一下,这个z-index属性的设置生效前提是需要设置定位,也就是position属性
position属性有三种选择:
一个小实例演示一下:
这是没有写position进行定位的时候,我们可以很明显的发现字体在背景上面
在这里插入图片描述
加入position属性确定定位后,因为背景的z-index默认为0,比-1高,所以字体被放置在了背景的下一层
在这里插入图片描述
总结:z-index成功使用的先决条件是给标签设置position属性

发布了9 篇原创文章 · 获赞 3 · 访问量 1965

猜你喜欢

转载自blog.csdn.net/qq_41136216/article/details/105494648