Faʻapefea ona Faʻataʻatia se Ata Faʻasologa e Tutusa ai se Upega Tafaʻilagi

Tuʻu lau 'upega tafaʻilagi i le vaʻaia ma le faʻaaliga ata

O ata o se vaega tāua o ata faatosina i luga o upega tafaʻilagi. E aofia ai le faʻaaogaina o ata o ata. O ata nei ma faʻataʻitaʻiga o loʻo faʻaaoga i tua o vaega o le itulau e ese mai i ata o loʻo tuʻuina atu o se vaega o itulau o loʻo i totonu. O nei ata faʻataʻitaʻiga e mafai ona faʻaopopo le fiafia i se itulau ma fesoasoani ia te oe e ausia le mamanu ata e te ono sailia i luga o se itulau.

Afai e amata ona e galue ma faʻamatalaga ata, o le ae masalomia le tamoe i le ata e te manaʻo i se ata e faʻalautele e fetaui ma le itulau.

O lenei mea e sili ona moni mo 'upega tafaʻilagi e tali mai o loʻo tuʻuina atu i le tele o ituaiga masini ma televise .

O lenei faanaunauga e faʻalauteleina se ata i tua o se manaʻo masani masani mo faipisinisi i luga o uepi aua e le o ata uma e fetaui i le avanoa o se upega tafaʻilagi. Nai lo le setiina o le tele, o le faʻalauteleina o le ata e mafai ai ona faʻamalosi e fetaui ma le itulau e tusa lava po o le a le lautele pe vaapiapi le matala o le masini .

O le auala sili e faʻalautele ai se ata e fetaui ma le pito i tua o se itulau o le faʻaaoga lea o le CSS3 , mo le lautele-lautele. O se faʻataʻitaʻiga lea e faʻaaogaina ai se ata o le ata mo le tino o se itulau ma o le a setiina ai le tele i le 100% ina ia faʻaauau pea ona fetaui ma le lau.

tino {
talaaga: url (bgimage.jpg) le toe fai;
lautele-lautele: 100%;
}

E tusa ai ma le caniuse.com, o lenei meatotino o loʻo galue IE 9+, Firefox 4+, Opera 10.5+, Safari 5+, Chrome 10.5+, ma luga o masini telefoni feaveaʻi. E aofia ai oe mo faʻafesoʻotaʻi faʻaonapo nei o loʻo maua i le asō, o lona uiga e tatau ona e faʻaogaina lenei meatotino e aunoa ma le fefe e le galue i luga o le lau o le tagata.

Faing a Faʻamatalaga Matala i Matua Tausamua

E foliga mai e te le manaʻomia le lagolagoina o soʻo se tagata suʻesuʻe e sili atu nai lo le IE9, ae ia e manatu ua e popole e le lagolagoina e le IE8 lenei meatotino. I lena tulaga, e mafai ona e faʻamaonia se tala faʻalautele. Ma e mafai ona e faʻaaogā faʻasologa o masini mo le Firefox 3.6 (-moz-background-size) ma le Opera 10.0 (-o-background-size).

O le auala pito sili ona faigofie i le faʻailoaina o se faʻaaliga faʻapitoa e faʻalauteleina i luga o le itulau atoa. Ona e le gata ai lea i se avanoa faaopoopo pe ua e popole e fetaui au tusitusiga i le nofoaga lautele. O le auala lenei e fai ai:

id = "bg" />

1. Muamua, ia mautinoa e 100% le maualuga o tagata sailiili, 0 vaefaʻaiga, ma 0 paʻu i luga o le eletise ma le HTML BODY elemene. Tuu mea nei i le ulu o lau pepa HTML:

2. Faaopopo le ata e te manao e avea ma tuatusi o le elemene muamua o le itulau uepi, ma tuu atu le id o le "bg":

3. Tuʻu le ata i le pito i luga ma agaʻi i luga ma e 100% lautele ma 100% le maualuga. Faʻaopoopo i lau pepa lanu:

   img # bg {
   tulaga: faʻatulagaina;
   luga: 0;
   tauagavale: 0;
   lautele: 100%;
   maualuga: 100%;
   }

4. Faʻaopoopo mea uma e te maua i le itulau i totonu o se elemene VIV faatasi ai ma se id o le "anotusi". Faʻaopoopo le VIV i lalo o le ata:

   O lau anotusi uma iinei - e aofia ai ulutala, parakalafa, ma isi.

   Manatua: e manaia le tilotilo i lau itulau i le taimi nei. O le ata e tatau ona faʻaalia le faʻalauteleina, ae o au mea uma o loʻo misi atoa. Aisea? Talu ai o le ata o le ata e 100% le maualuga, ma o le vaevaega mataupu e mulimuli i le ata i le tafe o le pepa - o le tele o tagata suʻesuʻe e le faʻaalia.
   
5. Faatulaga lau mataupu ina ia fetaui ma e iai se z-index o le 1. O lenei mea o le a aumaia ai i luga ae o le ata i totonu o siaki tulaga-e talafeagai. Faʻaopoopo i lau pepa lanu:

   #content {
   tulaga: tagata aiga;
   z-index: 1;
   }

1. Ae e le o faia. O le Internet Explorer 6 e le o tulaga faʻasalalau ma e iai pea nisi o faʻafitauli. E tele auala e natia ai le CSS mai masini uma ae o le IE6, ae o le faigofie (ma sili atu ona ono aʻafia isi faafitauli) o le faʻaaogaina lea o faʻamatalaga faʻapitoa. Faʻamau i lalo lau sitaili i le ulu o lau pepa:

2. I totonu o le manatu ua faamamafaina, faaopoopo i ai se isi pepa pepa e iai nisi o sitaili e mafai ai ona lelei le IE 6:

3. Ia mautinoa e suʻe i IE 7 ma IE 8. Atonu e te manaʻomia le fetuunaʻi o faʻamatalaga e lagolagoina ai i latou. Ae peitai, na aoga ina ua ou suesueina.

Lelei - o le mea lea ua maeʻa ona solo. E itiiti lava ni laupepa e tatau ona lagolagoina le IE 7 poʻo le 8, e itiiti ifo IE6!

I le avea ai, o lenei faiga e le faʻamaonia ma atonu e le talafeagai mo oe. Ou te tuʻuina iinei iinei e avea ma se faʻataʻitaʻiga o le fiailoa e tusa ai ma le sili atu ona faigata o mea ao le i faia lelei uma a tatou sailiga!

Fao se Tagalaʻi Ata Ata I luga o se Atumotu Laiti

E mafai ona e faʻaaogaina se metotia talitutusa e faʻamaonia ai se ata i luga o se VIV poʻo se isi elemene i luga o lau itulau. O se mea e sili atu nai lo le mea e tatau ona e faʻaaogaina le tulaga maualuga poʻo le i ai foi ni eseesega ese mo isi vaega o lau itulau.

1. Tuu le ata i luga o le itulau ou te manao e faʻaaoga e avea ma talaaga.

2. I le pepa pepa, faatulaga le lautele ma le maualuga mo le ata. Manatua, e mafai ona e faʻaaoga pasene mo le lautele poʻo le maualuga, ae e faigofie ona fetuutuunai ma umi uumi mo le maualuga.

   img # bg {
   lautele: 20em;
   maualuga: 30em;
   }

3. Tuu lau mea i se div faʻatasi ma le id "content" pei ona matou faia i luga:

   O mea uma e te i ai iinei

4. Tino le mea o loʻo i ai le vaevae tutusa ma le maualuga e pei o le talaaga ata:

   Div # content {
   lautele: 20em;
   maualuga: 30em;
   }

5. Ona faʻatulaga lea o le anotusi i le maualuga e tasi pei o le ata. Ma afai o lau ata o le 30em o le ae maua se ituaiga o luga: -30em; Aua nei galo e tuu se z-index o le 1 i le anotusi.

   #content {
   tulaga: tagata aiga;
   luga: -30em;
   z-index: 1;
   lautele: 20em;
   maualuga: 30em;
   }

6. Ona faaopoopo lea i se z-index o -1 mo tagata IE 6, e pei ona e faia i luga:

E le gata i lea, faatasi ai ma le lautele o le fiafia i le lautele o le lagolagosua i le taimi nei, o lenei faiga e matua le talafeagai ma tuuina mai o se oloa o se vaitaimi. Afai na e manaʻo e faʻaaoga lenei auala, ia mautinoa ia suʻeina lenei mea i le tele o tagata suʻesuʻe e mafai ona e mafaia.

Ma afai e tele le suiga o lau mea, e tatau ona e suia le tele o lau pusa ma le ata o le ata, a leai, o le ae faaiu i taunuuga ese.