Kuo ke ‘osi seti ‘a e z-index: 99999 ‘i ha ‘elemeniti ‘i ho’o CSS, pea ‘oku ‘ikai ke ‘asi mai ia ‘i ‘olunga ‘i he ngaahi ‘elemeniti kehe? Ko ha mahu'inga 'oku lahi 'oku totonu ke faingofua hono fokotu'u 'o e 'elemeniti ko ia 'i he sio 'i 'olunga 'i ha me'a kehe, 'o fakakaukau 'oku fokotu'u 'a e ngaahi 'elemeniti kehekehe kotoa pe 'i ha mahu'inga ma'ulalo ange pe 'ikai fokotu'u 'aupito. 'Oku fa'a fakafofonga'i 'a e peesi uepi 'i ha feitu'u 'oku 'i ai hono tafa'aki 'e ua; ka neongo ia, 'i hono faka'aonga'i 'o e ngaahi koloa pau 'o e CSS, 'oku fakafe'iloaki mai ha fakakaukau z-axis 'o e vakapuna ke fakahoko 'a e loloto. 'Oku fakahangatonu 'a e vakapuna ko 'eni ki he screen, pea mei ai, 'oku 'ilo'i 'e he tokotaha 'oku ne ngaue'aki 'a e hokohoko 'o e ngaahi 'elemeniti, 'a e taha 'i 'olunga 'i he taha. Ko e fakakaukau ‘i mui ‘i he z-axis fakakaukau, ‘a e fakakaukau ‘a e tokotaha ‘oku ne ngaue’aki ‘a e ngaahi ‘elemeniti ‘oku fakatoka, ko e ngaahi koloa ‘o e CSS ‘oku ne fakatupu ia ‘oku nau fakataha’i ke fa’u ‘a e me’a ‘oku tau ui ko ha tu’unga fakatoka. Te tau talanoa ki he founga ‘oku “fakatoka” ai ‘a e ngaahi ‘elemeniti ‘i ha peesi uepi, ko e hā ‘oku ne pule’i ‘a e hokohoko ‘o e fakatoka, mo e ngaahi founga ‘aonga ke “unstack” ‘a e ngaahi ‘elemeniti ‘i he taimi ‘oku fiema’u ai. Fekau'aki mo e Stacking 'o e ngaahi 'atakai Fakakaukauloto atu ki hoʻo peesi uepisaití ko ha tēpile. ‘I ho’o tanaki atu ‘a e ngaahi ‘elemeniti HTML, ‘oku ke fakatoka ‘a e ngaahi konga pepa, ‘o hokohoko atu, ‘i he tēpile. Ko e konga pepa fakamuimuitaha kuo fokotu'u 'oku tatau ia mo e 'elemeniti HTML na'e toki tanaki atu, pea 'oku tangutu ia 'i 'olunga 'i he ngaahi pepa kehe kotoa pe kuo fokotu'u 'i mu'a 'iate ia. Ko e tafe 'eni 'a e tohi angamaheni, na'a mo e ngaahi 'elemeniti nested. 'Oku fakafofonga'i 'e he tesi 'iate ia pe 'a e tu'unga 'o e stacking 'o e aka, 'oku fa'u 'e he 'elemeniti, 'a ia 'oku 'i ai 'a e ngaahi folder kehe kotoa pe. Ko 'eni, 'Oku ha'u 'a e ngaahi koloa pau 'o e CSS ki he va'inga. Ko e ngaahi koloa hange ko e tu'unga (mo e z-index), opacity, liliu, mo e 'i ai) 'oku ngaue hange ha folder. 'Oku to'o 'e he folder ko 'eni ha 'elemeniti mo 'ene fanau kotoa pe, to'o kinautolu mei he stack tefito, pea fakakulupu kinautolu ki ha sub-stack mavahe, 'o fa'u 'a e me'a 'oku tau ui ko ha stacking context. Ki he ngaahi 'elemeniti 'oku tu'u, 'Oku hoko 'eni 'i he taimi 'oku tau fakaha ai ha mahu'inga z-index kehe mei he 'otometiki. Ki he ngaahi koloa hange ko e opacity, liliu, mo e filter, 'oku fakatupu 'otometiki 'a e stacking 'a e tu'unga 'i he taimi 'oku faka'aonga'i ai 'a e ngaahi mahu'inga pau.
Feinga ke mahino kiate koe ‘eni: Ko e taimi pē ‘oku ‘i loto ai ha la‘ipepa (‘a ia, ko ha ‘elemēniti tamasi‘i) ‘i ha puha (‘a ia, ko e tu‘unga fakatoka ‘o e mātu‘á), ‘e ‘ikai ‘aupito lava ke ne mavahe mei he puha ko iá pe fokotu‘u ‘i he vaha‘a ‘o e ngaahi pepá ‘i ha puha kehe. Ko hono z-index 'oku fekau'aki pe ia he taimi ni 'i loto 'i hono folder 'a'ana.
'I he fakatata 'i lalo, 'Oku 'i he taimi ni 'a e Pepa B 'i loto 'i he stacking 'o e Folder B, pea 'e lava pe ke 'ota mo e ngaahi pepa kehe 'i he folder.
Fakakaukauloto atu, kapau te ke loto ki ai, ʻoku ʻi ai haʻo ongo puha ʻi hoʻo tēpilé:
.fola-a { z-faka'ilonga: 1; } .fola-b { z-faka'ilonga: 2; }
Tau ki’i fakafo’ou ‘a e markup. 'Oku 'i loto 'i he Puha A ha peesi makehe, z-faka'ilonga: 9999. 'I loto 'i he Puha B ko ha peesi ma'ama'a, z-faka'ilonga: 5.
.peesi-makehe { z-faka'ilonga: 9999; } .peesi-ma'ama'a { z-faka'ilonga: 5; }
Ko e peesi fē ʻoku ʻi ʻolungá? Ko e .plain-peesi ia ‘i he Folder B. ‘Oku ta’etokanga’i ‘e he browser ‘a e ngaahi pepa ‘a e tamasi’i pea ‘oku ne ‘uluaki fakatoka ‘a e ongo folder. ʻOkú ne sio ki he Folder B (z-index: 2) pea ʻokú ne fokotuʻu ia ʻi ʻolunga ʻi he Folder A (z-index: 1) koeʻuhí he ʻoku tau ʻiloʻi ʻoku lahi ange ʻa e ua ʻi he tahá. Lolotonga iá, ko e .special-peesi 'oku fokotu'u ki he z-index: 9999 peesi 'oku 'i he lalo 'o e stack neongo 'oku fokotu'u hono z-index ki he mahu'inga ma'olunga taha 'e ala lava. ʻE lava foki ke nested ʻa e ngaahi ʻātakai ʻo e fakatoka (ngaahi folder ʻi loto ʻi he ngaahi folder), ʻo faʻu ai ha “ʻakau fakafāmili.” ‘Oku ngāue‘aki ‘a e tefito‘i mo‘oni tatau: ‘e ‘ikai ‘aupito lava ke hao ha ki‘i tamasi‘i mei he folder ‘o ‘ene ongo mātu‘á. Ko ‘eni ‘oku ke ma’u ‘a e founga ‘oku ‘ulungaanga ai ‘a e ngaahi tu’unga stacking ‘o hange ko e ngaahi folder ‘oku nau fakakulupu mo reorder ‘a e ngaahi la’ipepa, ‘Oku taau ke ‘eke: ko e ha ‘oku ‘i ai ai ‘a e ngaahi koloa pau — hange ko e liliu mo e opacity — ‘oku nau fa’u ‘a e ngaahi tu’unga stacking fo’ou? Ko e me’a ‘eni: ‘oku ‘ikai ke fa’u ‘e he ngaahi koloa ko ‘eni ‘a e ngaahi contexts stacking koe’uhi ko e founga ‘oku nau sio ai; 'oku nau fai ia koe'uhi ko e founga 'oku ngaue ai 'a e browser 'i lalo 'i he hood. ‘I ho‘o faka‘aonga‘i ‘a e liliu, opacity, filter, pe fakakaukau, ‘okú ke tala ki he browser, “Hei, ‘e lava ke nga‘unu, vilo, pe mole ‘a e ‘elemēniti ko ení, ko ia ke ke mateuteu!”
'I he taimi 'oku ke faka'aonga'i ai 'a e ngaahi koloa ko 'eni, 'Oku fa'u 'e he browser ha tu'unga stacking fo'ou ke pule'i 'a e rendering 'oku toe lelei ange. 'Oku faka'ata 'e he me'a ni 'a e browser ke ne tokanga'i tau'ataina 'a e ngaahi faka'ata, ngaahi liliu, mo e ngaahi ola 'o e sio, 'o fakasi'isi'i 'a e fie ma'u ke toe fakafuofua'i 'a e founga 'oku fetu'utaki ai 'a e ngaahi 'elemeniti ko 'eni mo e toenga 'o e peesi. Fakakaukau ki ai ‘o hangē ko e pehē ‘e he browser, “Te u tokanga‘i kehekehe ‘a e folder ko ení koe‘uhi ke ‘oua na‘á ku toe fakalelei‘i ‘a e tēpilé kotoa ‘i he taimi kotoa pē ‘oku liliu ai ha me‘a ‘i loto.” Ka ‘oku ‘i ai ‘a e .ko ha ola kovi. Ko e taimi pe 'oku hiki hake ai 'e he browser ha 'elemeniti ki hono layer 'o'ona, kuo pau ke ne "fakapalanisi" 'a e me'a kotoa pe 'i loto, 'o fa'u ha tu'unga stacking fo'ou. ‘Oku hangē ia hano to’o ha folder mei he tēpilé ke tokanga’i kehekehe; 'oku ma'u 'e he me'a kotoa pe 'i loto 'i he folder ko ia 'a e fakakulupu, pea 'oku tokanga'i ia 'e he browser he taimi ni ko ha 'iuniti 'e taha 'i he taimi 'oku fakapapau'i ai 'a e me'a 'oku tangutu 'i 'olunga 'i he me'a. Ko ia neongo ‘e ‘ikai ke ‘asi mai ‘a e ngaahi koloa ‘o e liliu mo e opacity ke ne uesia ‘a e founga ‘oku stack ai ‘a e ngaahi ‘elemeniti ‘i he sio, ‘oku nau fai, pea ko e me’a ia ki he fakahoko ‘o e optimisation. 'E lava foki ke fa'u 'e ha ngaahi koloa kehe 'e ni'ihi 'o e CSS 'a e ngaahi tu'unga stacking ki he ngaahi 'uhinga tatau. 'Oku 'omi 'e he MDN ha lisi kakato kapau 'oku ke fie keli loloto ange. 'Oku 'i ai ha ni'ihi tokosi'i 'aupito, 'a ia 'oku ne fakahaa'i pe 'a e faingofua 'o e ta'e'ilo'i 'o e fa'u ha stacking context 'o 'ikai ke 'ilo'i ia. Ko e Palopalema “Unstacking” . 'E lava ke tupu hake 'a e ngaahi me'a 'o e stacking 'i ha ngaahi 'uhinga lahi, ka 'oku lahi ange 'a e ni'ihi 'i he ni'ihi kehe. Ko e ngaahi konga Modal ko ha sipinga fakakalasi koe'uhi he 'oku nau fie ma'u ke toggling 'a e konga ke "fakaava" 'i ha la'i 'olunga 'i 'olunga 'i he ngaahi 'elemeniti kehe kotoa pe, pea to'o ia mei he la'i 'i 'olunga 'i he taimi 'oku “tapuni.” ‘Oku ou fu’u falala’anga kuo tau lele kotoa ki ha tu’unga ‘oku tau fakaava ai ha modal pea, ‘i ha fa’ahinga ‘uhinga pe, ‘oku ‘ikai ke ‘asi mai. ‘Oku ‘ikai ko e ‘ikai ke fakaava totonu, ka ‘oku ‘ikai ke sio ki ai ‘i ha layer ma’ulalo ange ‘o e stacking context. ʻOku tuku ʻe he meʻá ni ke ke fifili “ʻoku fēfē?” talu mei ho'o seti:
.'overlay { tuʻunga: tuʻu maʻu; /* 'oku ne fa'u 'a e tu'unga 'o e stacking */ z-fakaʻilonga: 1; /* 'oku ne 'ai 'a e 'elemeniti 'i ha layer 'i 'olunga 'i he me'a kotoa pe */ fakahū: 0; laulahi: 100%; ma'olunga: 100vh; 'ofu: fufuu; lanu-muimui: #00000080; }
'Oku 'asi tonu 'eni, ka 'o kapau ko e 'elemeniti matu'a 'oku 'i ai 'a e modal trigger ko ha 'elemeniti 'o e tamasi'i 'i loto 'i ha 'elemeniti matu'a 'e taha 'oku toe seti ki he z-index: 1, 'oku ne fokotu'u fakatekinikale 'a e modal 'i ha sublayer 'oku fakapo'uli 'e he folder tefito. Tau vakai ki he tu’unga pau ko ia mo ha ongo tauhele angamaheni kehe ‘o e stacking-context. ‘Oku ou fakakaukau te ke sio ‘o ‘ikai ngata pē ‘i he faingofua ‘o hono fa‘u ta‘e‘ilo ‘a e ngaahi tu‘unga fakatoka, ka ko e founga foki ke pule‘i hala ai kinautolú. Foki, ko e founga te ke foki ai ki ha tu'unga pule'i 'oku makatu'unga ia 'i he tu'unga. Fakatātā 1: Ko e Modal kuo tauheleʻí
'E lava ke ke sio vave ki ho'o modal 'oku ma'u 'i ha layer 'o e tu'unga ma'ulalo pea 'ilo'i 'a e matu'a. Ngaahi Fakalahi ʻo e Browser Kuo langa ʻe he kau fakalakalaka ʻatamai potó ha ngaahi fakalahi ke tokoni. Ngaahi me'angaue hange ko 'eni "CSS Stacking 'a e 'Inisipekita 'o e tu'unga" Chrome fakalahi 'oku tanaki atu ha toe z-index tab ki ho'o DevTools ke fakahaa'i atu 'a e fakamatala fekau'aki mo e ngaahi 'elemeniti 'oku nau fa'u ha tu'unga 'o e stacking.
Ngaahi Fakalahi IDE 'E lava ke ke a'u 'o sio ki he ngaahi me'a lolotonga 'a e fakalakalaka 'aki ha fakalahi hange ko e taha ko 'eni ki he VS Code, 'a ia 'oku ne fakahaa'i 'a e ngaahi me'a 'e lava ke stacking 'a e tu'unga fakahangatonu 'i ho'o 'etita.
Unstacking Mo Toe Ma'u 'a e Pule .
Hili ‘etau ‘ilo’i ‘a e tupu’anga ‘o e me’a ko ia, ko e sitepu hoko ko e fehangahangai mo ia. ‘Oku ‘i ai ‘a e ngaahi founga ‘e ni’ihi te ke lava ‘o fai ke tau’i ‘aki ‘a e palopalema ko ‘eni, pea te u fakahokohoko atu kinautolu. Te ke lava ʻo fili ha taha pē ʻi ha faʻahinga tuʻunga pē, neongo ia; he ʻikai lava ʻe ha taha ʻo lāunga pe fakalaveaʻi ha taha kehe.
Liliu 'a e Fa'unga 'o e HTML .
'Oku lau 'eni ko e fakalelei'i lelei taha. Ke ke lele ki ha stacking 'a e 'isiu 'o e tu'unga, kuo pau ke ke fokotu'u ha ngaahi 'elemeniti 'i he ngaahi tu'unga malie 'i loto 'i ho'o HTML. 'E tokoni atu hono toe fokotu'utu'u 'o e peesi ke ke toe fakafotunga 'a e DOM mo fakangata 'a e palopalema 'o e stacking context. Kumi 'a e 'elemeniti palopalema pea to'o ia mei he 'elemeniti tauhele 'i he faka'ilonga HTML. Hange ko 'eni, 'e lava ke tau solova 'a e 'uluaki scenario, "Ko e Modal 'oku tauhele'i," 'aki hono hiki 'a e .modal-koniteina mei he 'ulu'i tohi pea fokotu'u ia 'i he
Ko e kakano ko 'eni 'oku 'i ai 'a e z-index 'o e 2 pea 'e kei 'ikai ke ne 'ufi'ufi 'a e modal.ʻUluʻi tohi
Kanokato Tefito
Uluʻi Founga
Ko 'eni, 'oku 'ikai keu 'i mui 'i ha me'a. Kuo u ma'u ha tu'unga lelei ange ko e ola 'o e toe fokotu'utu'u 'o e DOM.
‘I ho’o lomi’i ‘a e “Open Modal” button, ‘oku tu’u ‘a e modal ‘i mu’a ‘i he me’a kotoa pe ‘o hange ko ia ‘oku totonu ke hoko. Vakai ki he Fakatātā ʻo e Peni 1: Ko e Modal (Fakaleleiʻi) ʻoku Maʻu [fakaʻauha] ʻe Shoyombo Kepaleli ʻAyomide. Fakatonutonu ʻa e .Ko e Fakatoka 'o e Matu'a 'i he CSS Fēfē kapau ko e ‘elemēnití ko ha taha ‘oku ‘ikai lava ke ke hiki ‘o ‘ikai ke ke maumau‘i ‘a e fokotu‘utu‘ú? ‘Oku sai ange ke fakafepaki’i ‘a e ‘isiu: ‘oku fokotu’u ‘e he matu’a ‘a e context. Kumi 'a e koloa CSS (pe ngaahi koloa) 'oku ne fatongia'aki hono fakatupu 'o e tu'unga pea to'o ia. Kapau 'oku 'i ai ha'ane taumu'a pea 'oku 'ikai lava ke to'o, 'oange ki he matu'a ha mahu'inga z-index ma'olunga ange 'i hono ngaahi 'elemeniti tokoua ke hiki hake 'a e koniteina kotoa. 'I he mahu'inga ma'olunga ange 'o e z-index, 'oku hiki 'a e koniteina 'o e matu'a ki 'olunga, pea 'oku 'asi mai 'ene fanau 'o ofi ange ki he tokotaha 'oku ne ngaue'aki. Makatu’unga ‘i he me’a na’a tau ako ‘i he “Ko e Dropdown ‘oku fakatolonga” ‘a e tu’unga, ‘oku ‘ikai ke tau lava ‘o hiki ‘a e dropdown mei he navbar; ‘e ‘ikai ke ‘uhingamālie ia. Ka neongo ia, 'e lava ke tau fakalahi 'a e mahu'inga 'o e z-index 'o e koniteina .navbar ke lahi ange ia 'i he mahu'inga 'o e z-index 'o e 'elemeniti .content. .navbar { ʻi he puipuituʻá: #333; /* z-faka'ilonga: 1; */ z-fakaʻilonga: 3; tuʻunga: kāinga; }
'I he liliu ko 'eni, 'Oku 'asi mai 'a e .dropdown-menu 'i mu'a 'i he kakano 'o 'ikai ha palopalema.
Vakai ki he Fakatātā ʻo e Peni 2: Ko e Dropdown ʻi he Vaí (Fakaleleiʻanga) [fakafoki] ʻe Shoyombo Kepaleli ʻAyomite.
Feinga Portals, Kapau 'Oku Ngaue'aki ha Fa'unga .
'I he ngaahi fa'unga hange ko e React pe Vue, ko ha Portal ko ha fotunga 'oku ne faka'ata koe ke ke 'oatu ha konga 'i tu'a 'i hono tu'unga angamaheni 'o e matu'a 'i he DOM. 'Oku hange 'a e ngaahi portals ha me'angaue teleportation ki ho'o ngaahi konga. 'Oku nau tuku ke ke render ha konga 'o e HTML 'i ha feitu'u pe 'i he tohi ('oku angamaheni 'aki 'a e totonu ki he document.body) lolotonga hono tauhi ia ke fehokotaki fakalokiloki ki hono matu'a 'uluaki ki he props, tu'unga, mo e ngaahi me'a 'oku hoko. 'Oku haohaoa 'eni ki he hola stacking 'a e ngaahi tauhele 'o e tu'unga talu mei he 'asi mo'oni 'a e output 'oku 'omi 'i tu'a 'i he koniteina 'o e matu'a palopalema.
ReactDOM.fakatupu 'a e Portal (
‘Oku fakapapau’i ‘e he me’a ni ‘oku ‘ikai ke fufuu’i ho’o dropdown ‘a e kakano ‘i mui ‘i hono matu’a, neongo kapau ‘oku ‘i ai ‘a e matu’a ‘oku ‘overflow: fufuu’i pe ko ha z-index ma’ulalo ange. 'I he “Ko e Clipped Tooltip” scenario na'a tau vakai ki ai kimu'a, Na'a ku faka'aonga'i ha Portal ke fakahaofi 'a e tooltip mei he 'overflow: clip fufuu 'aki hono fokotu'u ia 'i he sino 'o e tohi pea fokotu'u ia 'i 'olunga 'i he trigger 'i loto 'i he koniteina. Vakai ki he Fakatātā ʻo e Pení 3: Ko e Fakaʻilonga Meʻangāue Kuo Kosi (Fakaleleiʻanga) [fakaʻauha] ʻe Shoyombo Kepaleli ʻAiyomití. Fakafe'iloaki 'o e Stacking Context 'o 'ikai ha ngaahi nunu'a 'o e tafa'aki Ko e ngaahi founga kotoa pe na’e fakamatala’i ‘i he konga kimu’a ‘oku fakataumu’a ia ki he “unstacking” ‘a e ngaahi ‘elemeniti mei he ngaahi tu’unga stacking palopalema, ka ‘oku ‘i ai ha ngaahi tu’unga ‘e ni’ihi ‘a ia te ke fie ma’u mo’oni pe fie ma’u ke fa’u ha tu’unga stacking. 'Oku faingofua hono fa'u ha tu'unga stacking fo'ou, ka 'oku ha'u 'a e ngaahi founga kotoa pe mo ha ola 'o e tafa'aki. Ko ia, tukukehe hono faka'aonga'i 'o e fakamavahe'i: fakamavahe'i. ‘I hono faka’aonga’i ki ha ‘elemeniti, ‘oku fakapapau’i ‘a e stacking context ‘o e fanau ‘o e ‘elemeniti ko ia ‘o fakatatau ki he tamasi’i takitaha pea ‘i loto ‘i he context ko ia, kae ‘ikai ke takiekina ‘e he ngaahi ‘elemeniti ‘i tu’a meiate ia. Ko ha fakatātā fakakalasi ko hono vahevahe 'o e 'elemeniti ko ia ha mahu'inga kovi, hange ko e z-index: -1. Fakakaukauloto atu ʻoku ʻi ai haʻo konga .card. ‘Oku ke fie tanaki atu ha fotunga teuteu ‘oku tangutu ‘i mui ‘i he tohi ‘o e .card, ka ‘i ‘olunga ‘i he background ‘o e kaati. 'I he 'ikai ha stacking 'a e tu'unga 'i he kaati, z-index: -1 'oku ne 'ave 'a e fotunga ki he lalo 'o e tu'unga stacking 'o e aka ('a e peesi kotoa). ‘Oku ‘ai ‘e he me’a ni ke mole ia ‘i mui ‘i he .card hinehina: Vakai ki he Pen Negative z-fakaʻilonga (palopalema) [fakaʻilongaʻi] ʻe Shoyombo Kepaleli ʻAyomite. Ke solova 'eni, 'Oku tau fakaha 'a e fakamavahe'i: fakamavahe'i 'i he matu'a .kaati: Vakai ki he Pen Negative z-index (fakaleleiʻi) [fakaʻilongaʻi] ʻe Shoyombo Kepaleli ʻAyomite. Ko 'eni, 'Oku hoko 'a e 'elemeniti .card 'iate ia pe ko ha tu'unga stacking. 'I he taimi 'oku 'i ai ai hono 'elemeniti tamasi'i — 'a e fotunga teuteu na'e fa'u 'i he :kimu'a 'i he pseudo-'elemeniti — z-index: -1, 'Oku 'alu ia ki he lalo 'aupito 'o e stacking 'o e matu'a 'a e tu'unga. ‘Oku tangutu haohaoa ia ‘i mui ‘i he tohi pea ‘i ‘olunga ‘i he background ‘o e kaati, ‘o hange ko ia na’e fakataumu’a ki ai. Faka'osi . Manatu’i: ko e taimi hoko mai ‘oku ngali ‘ikai ke mapule’i ho’o z-index, ko ha tu’unga stacking ma’u. Ngaahi Maʻuʻanga Tokoni
Fakatoka 'a e tu'unga (MDN) Z-faka'ilonga mo e fakatoka 'o e ngaahi tu'unga (web.dev) “Founga ke fa'u ai ha tu'unga fo'ou 'o e Stacking mo e koloa 'o e fakamavahe'i 'i he CSS”, Natalie Pina . “Ko e hā ʻa e Heck, z-fakaʻilonga??”, Siosi Komi
Lau lahi ange 'i he SmashingMag .
“Pule'i 'o e CSS Z-Index 'i he ngaahi poloseki lalahi”, Sitīveni Frieson . “Ngaahi 'ulu'i tohi pipiki mo e ngaahi 'elemeniti 'o e ma'olunga kakato: Ko ha fakataha'anga fakatupu 'ohovale”, Philip Braunen . “Pule'i 'o e Z-Index 'i ha konga-fakava'e 'i he uepi 'a e tohi kole", Pavel Pomerantsev . “Ko e koloa CSS Z-Index: Ko ha vakai fakalukufua”, Louis Lazaris .
