z-index 屬性在什么情況下會失效？

通常 z-index 的使用是在有兩個(gè)重疊的標(biāo)簽，在一定的情況下控制其中一個(gè)在另一個(gè)的上方或者下方出現(xiàn)。z-index 值越大就越是在上層。z-index 元素的 position 屬性需要是 relative，absolute 或是 fixed。

z-index 屬性在下列情況下會失效：

1.父元素 position 為 relative 時(shí)，子元素的 z-index 失效。解決：父元素 position 改為 absolute 或 static；

2.元素沒有設(shè)置 position 屬性為非 static 屬性。解決：設(shè)置該元素的 position 屬性為 relative，absolute 或是 fixed 中的一種；

3.元素在設(shè)置 z-index 的同時(shí)還設(shè)置了 float 浮動。解決：float 去除，改為 display：inline-block。