我們最熟悉的css層疊關系要數z-index了,曾幾何時,我也覺得層疊也就不過如此
直到看了張鑫旭大神的部落格 但是看歸看 自己下來還是得把他說的例子實踐一下 而且我們在實際開發過程中會遇到很多實際的特例
上面這張圖是來自其網站的一張圖 不想重新P圖 在此借用一下
下面我就我們通常用的情況實踐了一下
最後這張圖文字有誤 沒有跑到上面
大家注意到最後這一張圖就是今天要說的特例
元素加了transform動畫之後 優先級會大大增強 僅次于正z-index
上面例子的代碼 點此處進行下載下傳