Tuʻuina o Elemene Elefoni Faʻatasi ma Faʻailoga Faʻasalaga
O se tasi o luitau i le faʻaaogaina o le CSS mo le laupepa o itulau i luga o le upega tafaʻilagi, o nisi o au elemene e mafai ona sola ese isi. E lelei le lelei pe afai e te manaʻo i le pito i luga o le HTML ina ia i luga, ae pe a fai e te le faia pe pe a fai e te manaʻo e iai ni elemene o loʻo le mafai ona faia i isi taimi ona o le mamanu e manaʻomia mo lenei foliga "vaʻaia" ? Ina ia mafai ona suia elemene auala e tatau ona e faʻaaoga le meatotino a le CSS.
Afai na e faʻaaogaina se mea faʻataʻitaʻi i le Word ma le PowerPoint poʻo le sili atu le faʻatonutonuina o foliga ata e pei o le Adobe Photoshop, ona e ono iloa ai lea o se mea pei o le z-index i le gaioiga. I nei polokalame, e mafai ona e faʻamalamalamaina le (s) mea na e tusia, ma filifili se filifiliga e "Auina mai i tua" poʻo le "Aumai i luma" vaega patino o lau pepa. I Photoshop, e le o ia te oe nei galuega, ae o oe o le "Layer" o le polokalama ma e mafai ona e faatulaga pe afai e pau se elemene i le tapoleni e ala i le toe faatulagaina o nei laulau. I nei faataitaiga uma e lua, o oe o le setiina o le z-index o na mea faitino.
O le a le z-index?
A e faʻaaogaina le CSS tulaga e faʻatulaga ai elemene i luga o le itulau, e tatau ona e mafaufau i ni vaega se tolu. E lua tulaga laugatasia: agavale / taumatau ma luga / lalo. O le tauagavale i le taumatau taumatau ua lauiloa o le x-index, ao le pito i luga i lalo o le y-index. O le auala lenei o le a e faʻatulaga ai elemene agai i luga po o le itu i luga, faʻaaoga nei mataitusi e lua.
Pe a oʻo mai i le mamanu o le initaneti, o loʻo iai foi le faʻatulagaina o le itulau. O elemene taʻitasi i luga o le itulau e mafai ona vaʻaia i luga pe lalo ifo foi o isi elemene. O le meatotino z-index e fuafua po o fea oi totonu o le faaputuga o elemene taʻitasi o le. Afai o le x-index ma le y-index o laina laina ma laina, o le z-index o le loloto lea o le itulau, o le vaega lona tolu lea.
Ou te fiafia e mafaufau i elemene i luga o se upega tafailagi o ni fasipepa, ma le itulau uepi lava e fai ma se faʻalanuga. O le mea ou te tuʻuina ai le pepa e fuafuaina e ala i le faʻatulagaina, ma le tele o mea o loʻo ufiufi e isi elemene o le z-index.
O le z-index o se fuainumera, pe lelei (faataitaiga 100) poʻo le leaga (eg -100). O le z-index le 0. O le elemene ma le pito maualuga z-index o loo i luga, sosoo ai ma le isi pito maualuga ma faasolosolo i lalo i le pito i lalo ifo o z-index. Afai e lua elemene e tutusa le taua-index (poo le le faʻamalamalamaina, o lona uiga o le faʻaaogaina o le tau le aoga o 0) o le a faʻapipiʻi e le masini i le faasologa o loʻo i totonu o le HTML.
Auala e Faaaoga ai le z-index
Tuuina atu elemene taʻitasi e te manaʻo ai i lau faʻapipiʻiga o se faʻasologa o le z-index. Mo se faʻataʻitaʻiga, pe afai e lima aʻu elemene eseese:
- elemene 1 - z-index o -25
- elemene 2 - z-index o le 82
- elemene 3 - z-index e le o seti
- elemene 4 - z-index o le 10
- elemene 5 - z-index o -3
O le a latou faapipii i le faasologa lenei:
- elemene 2
- elemene 4
- elemene 3
- elemene 5
- elemene 1
Ou te fautuaina le faʻaaogaina o faʻataʻatiaga tele-z-index e faʻapipiʻi ai au elemene. I lena auala, afai e te faʻaopoopo atili elemene i le itulau mulimuli ane, e te maua le avanoa e faʻasaʻo ai i latou e aunoa ma le fetuunai o faʻataʻotoga z-index o isi mea uma. Faataitaiga:
- 100 mo loʻu pito i luga-tele elemene
- 0 mo loʻu elemene ogatotonu
- -100 mo loʻu pito i lalo
E mafai foi ona e tuuina atu elemene e lua le tutusa o le z-index value. Afai o nei elemene ua faaputuputuina, o le a latou faaalia i le faasologa ua tusia i le HTML, faatasi ai ma le elemene mulimuli i luga.
E tasi le faʻamatalaga, mo se elemene e faʻaaoga lelei ai le z-index meatotino, e tatau ona avea ma se vaega o le poloka poʻo faʻaaoga se faʻaaliga o le "poloka" poʻo le "inline-block" i lau faila CSS.
Original tusiga na saunia e Jennifer Krynin. Faʻasalaga i le aso 12/09/16 na saunia e Jeremy Girard.