展開全部
css層疊圖片代碼：
//這個層為外面的父層，只需設置相對位置樣式即可
//這個為里e69da5e887aa3231313335323631343130323136353331333431363030面要疊加的層，只需設置絕對樣式
//這個為層里面的內容圖片
//這個為父層內容
或者：
擴展資料：
CSS 中重要的疊加層疊概念：
1. 層疊上下文 (Stacking Context)
層疊上下文 (堆疊上下文, Stacking
2. 層疊等級 (Stacking Level)
層疊等級 (層疊水平, Stacking Level) 決定了同一個層疊上下文中元素在z軸上的顯示順序的概念，普通元素的層疊等級優先由其所在的層疊上下文決定。層疊等級的比較只有在同一個層疊上下文元素中才有意義。
在同一個層疊上下文中，層疊等級描述定義的是該層疊上下文中的元素在Z軸上的上下順序。
3. 層疊順序 (Stacking Order)
層疊順序 (層疊次序, 堆疊順序, Stacking Order) 描述的是元素在同一個層疊上下文中的順序規則，從層疊的底部開始，共有七種層疊順序：
(1)背景和邊框：形成層疊上下文的元素的背景和邊框。
(2)負z-index值：層疊上下文內有著負z-index值的定位子元素，負的越大層疊等級越低；
(3)塊級盒：文檔流中塊級、非定位子元素；
(4)浮動盒：非定位浮動元素；
(5)行內盒：文檔流中行內、非定位子元素；
(6)z-index: 0：z-index為0或auto的定位元素， 這些元素形成了新的層疊上下文；
(7)正z-index值：z-index 為正的定位元素，正的越大層疊等級越高；
同一個層疊順序的元素按照在HTML里出現的順序層疊；第7級順序的元素會顯示在之前順序元素的上方，也就是看起來覆蓋了更低級的元素。
