中文字幕乱码一区av久久不卡,最新高清无码专区

首頁免費課 CSS深入理解之z-index 問答

CSS深入理解之z-index

                
                張鑫旭
            頁面重構(gòu)設(shè)計

                    查看講師更多課程 
                    張鑫旭講師的其他課程
                
CSS深入理解之border
中級·56791
免費課程
                                
CSS深入理解之padding
中級·52477
免費課程
                                
CSS深入理解之margin
中級·55936
免費課程
                                
CSS深入理解之relative
中級·47913
免費課程
                                
CSS深入理解之vertical-align
中級·39329
免費課程
                                
CSS深入理解之line-height
中級·43082
免費課程
                                
                難度中級
            
                時長 1小時 5分
            
                學習人數(shù)
            
綜合評分9.57
                            167人評價
                        查看評價
                                9.8
                                內(nèi)容實用
                            
                                9.5
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

qq_ChuanceyYin_0

迷迷糊糊,

0 6-1 其他CSS屬性與層疊上下文

2017-11-09

qq_ChuanceyYin_0

還是七階層級水平圖有用,1s就懂了,

1 4-1 層疊順序

2017-11-09

rambuild

.box是img的容器。1，當都沒有設(shè)置z-index時。img是內(nèi)聯(lián)元素， .box是塊級元素。根據(jù)層疊順序，此時圖片會在容器上方顯示；2，當圖片設(shè)置z-index = -1容器不設(shè)置z-index時。根據(jù)層疊順序，z-index為負值的元素的層疊順序在塊級元素之下，所以此時容器覆蓋了圖片；3，當圖片設(shè)置z-index = -1同時容器設(shè)置z-index = 0時，此時容器創(chuàng)建了層疊上下文，根據(jù)層疊順序，z-index為負值的元素在層疊上下文之上，所以此時圖片在容器中顯示。

4 5-1 z-index與層疊上下文

2017-11-02