z-index使用以及失效的處理方法

一、通常z-index的使用是在有兩個重疊的標籤，在必定的狀況下控制其中一個在另外一個的上方出現。

二、z-index值越大就越是在上層。z-index：9999；z-index元素的position屬性要是relative，absolute或是fixed。

三、z-index在必定的狀況下會失效。

　　①、父元素position爲relative時，子元素的z-index失效。

　　　　解決：父元素position改成absolute或static

　　②、該元素沒有設置position屬性爲非static屬性。

　　　　解決：設置該元素的position屬性爲relative，absolute或是fixed中的一種。

　　③、該標籤在設置z-index的同時還設置了float浮動

　　　　解決：float去除，改成display：inline-block；

參考博客：http://blog.sina.com.cn/s/blog_93a6a0c30101fshd.html