Eseesega I le va o le "faaaliga: leai" ma le "visibility: hidden" i le CSS

Atonu ei ai taimi, ao e galue i le atinaʻeina o itulau uepesite, e te manaʻomia le "natia" vaega patino o mea mo le tasi mafuaaga poʻo le isi. O le mea moni, e mafai ona e aveesea le aitema i fesili mai le faailoga HTML , ae pe afai e te manaʻo e tumau i totonu o le tulafono, ae le faʻaalia i luga o le siaki o le masini mo soʻo se mafuaaga (ma o le a tatou toe iloiloina mafuaaga fai vave lenei mea). Ina ia tausia se elemene i totonu o lau HTML, ae ia natia mo le faʻaaliga, o le ae liliu atu i CSS.

O auala e sili ona taatele e natia ai se elemene o loʻo iai i le HTML o le a faʻaaogaina le CSS mo le "faʻaaliga" poʻo le "visibility". I le tepa muamua, o nei meatotino e lua atonu e foliga mai e tele lava mea tutusa, ae e tofu i latou ma eseesega eseese e tatau ona e nofouta i ai. Sei o tatou tilotilo i eseesega i le va o le faʻaalia: leai ma se faʻaaliga: natia.

Vaʻaia

Faʻaaogaina o le vaega o le CSS / le taua o le visibility: natia se elemene mai le masini. ae ui i lea, o lena elemene natia o loʻo faʻaavanoa le avanoa i le faatulagaga. E pei lava na e faia le elemene e le o vaaia, ae o loʻo tumau pea i le nofoaga ma e alu i luga le avanoa e mafai ona tuʻuina pe ana tuulafoaiina.

Afai e te tuʻuina se VIV i luga o lau itulau ma faʻaaoga le CSS e tuʻuina atu ai le fuataga e ave 100x100 pixels, o le visibility: meatotino natia o le a le faʻaalia ai le DIV i luga o le mata, ae o le tusitusiga e mulimuli mai o le a faʻaalia e pei lava o loʻo i ai iina, e faʻaaloalo i lena 100x100 avanoa.

O le mea moni, o le visibility meatotino e le o se mea tatou te faʻaaogaina soo, ma e mautinoa lava e le o ia lava. Afai o loʻo tatou faʻaaogaina isi meatotino CSS e pei o le tuʻuina atu e ausia ai le faʻatulagaina tatou te mananao ai mo se isi elemene, e mafai ona tatou faʻaaogaina le vanu e faʻaali ai lena mea i le taimi muamua, ae na o le "toe" toe foʻi mai i luga o le tau. O se tasi lea o faʻaaogaina o lenei meatotino, ae toe fai foi, e le o se mea tatou te liliu i ai i soo se taimi.

Faaali atu

E le pei o le visibility meatotino, lea e tuua ai se elemene i le faasologa masani o pepa, faʻaalia: leai se mea e aveesea le elemene mai le pepa. E le maua se avanoa, e ui lava o le HTML mo lea mea o loo i ai pea i le numera punaoa. E mafua lenei mea ona o le mea moni lava, ua aveesea mai le pepa o loʻo tafe. Mo mea uma ma faamoemoega, ua le toe i ai le mea. E mafai ona avea lenei mea ma se mea lelei po o se mea leaga, e faalagolago i le mea o loʻo e faʻamoemoeina. E mafai foi ona afaina i lau itulau pe ae faʻaaoga sese lenei meatotino!

E masani ona tatou faʻaaogaina le "faaaliga: leai" pe a suʻeina se itulau. Afai tatou te manaʻomia se nofoaga e "alu ese" mo sina taimi ina ia mafai ai ona tatou suʻe isi vaega o le itulau, e mafai ona tatou faʻaali faaaliga: leai se mea mo lena mea. Ae peitai, o le mea e tatau ona manatua, o le mea lea e tatau ona toe faafoiina le elemene i le itulau ao le i amataina le laupepa. E mafua ona o se meataitasi ua aveesea mai le pepa o loʻo tafe i lenei auala e le o vaaia e masini suʻesuʻe poʻo le faitau tusi, e ui lava atonu e tumau pea i le faailoga HTML. I le taimi ua tuanaʻi, o lenei metotia na faʻaaogaina e pei o se faʻalanu-uliuli e taumafai ai e faʻasoa le tulaga o le inisinia suʻesuʻe, o lea o mea e le o faaalia e mafai ona avea ma fuʻa lanumumu mo Google e suʻe ai pe aisea ua faʻaaogaina ai lea auala.

O se tasi o auala tatou te maua ai faʻamatalaga: leai se aoga, ma le mea tatou te faʻaaogaina ai i luga o le initaneti, gaosiga o upega tafaʻilagi, o le taimi o loʻo tatou fausiaina ai se 'upega tafaʻilagi e mafai ona i ai elemene o loʻo avanoa mo le tasi faʻaaliga faʻaaliga ae le mo isi. E mafai ona e faʻaalia le faʻaali: leai se tasi e natia lena elemene ona toe faʻafesoʻotaʻi ai lea i fesili o le aufaasālalau mulimuli ane. Ole faʻaaogaina lea ole faʻaaliga: leai, aua e te le o taumafai e natia soʻo se mea mo mafuaʻaga leaga, ae iai se manaoga tatau e faia ai.

Original tusiga na saunia e Jennifer Krynin. Edited by Jeremy Girard i le 3/3/17