一、啥是z-index？

哦， z-index啊，它就像是一个叠叠乐，我们Neng在里面放hen许多的东西，谁在上面谁就在下面就像我们细小时候玩的游戏一样。

二、 Tailwind CSS中的z-index

在Tailwind CSS里我们不用自己去写那些个奇怪的代码，只要喊一声“z-index”，它就会帮我们安排优良一切。

1. 在HTML里加上z-index

就像这样：

        

            
hello world
            
some text
        
    

2. 注意事项

哦， 对了别忘了有时候图片和文字会闹别扭，比如图片兴许会跑到文字上面去，这时候我们就要细小心了要让它们优良优良排队。

三、 CSS中的z-index注意事项

用z-index的时候，要想起来它只对定位了的元素有效，就像是我们玩游戏的时候，只有站在正确位置的人才Neng够玩游戏。

1. 绝对定位和浮动元素的层级关系

绝对定位的元素通常比浮动元素高大，就像是在队伍里站得靠前的人。

2. 注意层叠上下文

层叠上下文就像是游戏的一个规则， 只有按照规则来我们才Neng玩得开心。

学Tailwind CSS的z-index，就像是学会了怎么玩优良一个叠叠乐，让我们的网页kan起来geng漂亮，geng有层次感。