今天在設定塊級標籤的時候，為了讓某個塊級顯示在最上層，就需要用到z-index這個屬性，但是今天設定的時候失效了。
後來查了一下，這個z-index屬性的設定生效的前提是需要設定定位，也就是position屬性
position屬性有三種選擇：
乙個小例項演示一下：
這是沒有寫position進行定位的時候，我們可以很明顯的發現字型在背景上面：
加入position屬性確定定位後，因為背景的z-index預設為0，比-1高，所以字型被放置在了背景的下一層
總結：z-index成功使用的先決條件是給標籤設定position屬性
z index失效的幾種情況
注意點 1 z index屬性只作用在被定位了的元素上。所以如果你在乙個沒被定位的元素上使用z index的話，是不會有效果的.2 同乙個父元素下的元素的層疊效果會受父元素的z index影響,如果父元素的z index值很小,那麼子元素的z index值很大也不起作用 失效的情況 1 父標籤 po...
hover失效的幾種原因與z index失效原因
今天檢查自己寫的小公尺官網，發現輪播圖上的左右按鈕的不知什麼時候hover竟然失效了。然後檢查了類名，樣式，沒發現問題。最後查閱了資料，發現常見的有以下原因 hover前加了空格或使用了中文冒號 active，visited，hover，link之間的關係 active hover visitied...
z index使用以及失效的處理方法
1 一般z index的使用是在有兩個重疊的標籤，在一定的情況下控制其中乙個在另乙個的上方出現。2 z index值越大就越是在上層。z index 9999 z index元素的position屬性要是relative，absolute或是fixed。3 z index在一定的情況下會失效。父元素...