CSS z-isalathiso: isishwankathelo, iimpawu

Silawule CSS z-index - sekhasi indawo nokulungelelanisa Z: inqanaba uboniso element okanye umaleko apho emi kuyo. Tag ukuba z-index enkulu uya kuboniswa ngokupheleleyo. Tags ekuboniswa ngendlela ababekwe ngayo ukuhamba engenayo kunye ukudlulela. приоритет видимости. ixabiso Z-index imisela kuqala ukubonakala.

Kufuneka uhlawule irhafu kubakhangeli zincwadi abasetyenziswayo nezinto ubuchule ukubonisa. Kususela kwimihla xa yemizobo imikhusane wayithimba kwasekwa amalungu ingxaki clip ezibonakalayo nezingabonakaliyo eziqalelo kwi window yesicelo, isiqulatho ukubonisa ubugcisa ebonakalayo lifikelele iziphumo ezisemagqabini. Xa i browser window, zonke izinto eboniswe ngokuchanekileyo, umsebenzisi ubona kuphela kwezo zichaziweyo uyilo okanye lomphuhlisi.

Umthetho oqhelekileyo: umyalelo kunye neqondo

Igalelo stream (iphepha iseva kuyilwa) nangendlela ecwangciswe kakuhle ngokulandelelana ufunda isikhangeli. Zonke iitags ekuboniswa ngokungqinelana nemithetho CSS kwaye ayangenana.

Lo mzekelo uchaza element ezine ezibonakalayo. Ngalinye seqela icebo. Kwiindawo apho iitags ukuba uwelile, kukho umbuzo ophambili. Njengoko umthetho z-index tags CSS kuba bonke aba efanayo kwaye ilingana 848, kuya kuba kuyacaca ukuba isici uya ngolu hlobo. Yonke into amacebo baphuma phantsi ngalinye element elandelayo, kubonakala.

umthetho ukubonakala

Iibrawuza sigcine imithetho ukubonakala kuphela 'fair ". Ukuza algorithm ikuvumela ukuba ahlaziye yonke kwanyanzeliswa epheleleyo kwaye usebenzise kuphela ezo okunene phambana, kungabandakanywa amalungu ezo kwelifunekayo element ngalinye - kunzima kakhulu.

Kwiimeko ezininzi oku kuyimfuneko. izixhobo zale mihla ikhawuleza kakhulu, kwaye qaphela ngokutsha element ukuya kwindawo apho kuya kuvala i element elilandelayo, kuyingxaki kakhulu.

Impembelelo kwi uluhlu element

Kwanele ukuba ithegi wesithathu scCSS3 ukwandisa z-isalathiso, yaye scCSS4 - ukunciphisa kuyo, umfanekiso iyonke itshintswa. Ulandelelwano izakhi esihlambo uhlala okufanayo:

• id= 'scCSS1'; div id = 'scCSS1';
• id= 'scCSS2'; div id = 'scCSS2';
• id= 'scCSS3'; div id = 'scCSS3';
• id= 'scCSS4'. div id = 'scCSS4'.

Kufuneka kuqatshelwe ukuba umfanekiso lwesibini okunene ithatha indawo ngaphezu kubonakala. Umfanekiso wesithathu iyafana. Ngaphezulu, le nkqubo ibandakanya ngamaqela amabini (amaqanda amabini) kumgama ukusuka kwenye.

Ubukhulu Rule yale mimandla, apho kungene imifanekiso yesibini neyesithathu ziyagxininiswa in yellow kunye grey ngokulandelelanayo.

Le yindibaniselwano ye z-kwisalathisi sendawo yangasemva-umbala

Kufuneka kuqatshelwe ukuba iimpawu CSS imvelaphi & z-index ezihlobeneyo. Zonke izinto block-level, kunye nayiphi na enye, ngamaxesha onke hlala indawo ebuxande akhiwa ukuphakama ubuninzi kunye ububanzi ubuninzi umxholo.

Ukusebenzisa imifanekiso, ungenza elementi intsimi uhlobo, kodwa ngeenxa zonke kuye khona apho kuya kusoloko uxande. Kuyinyani ukuba kubalulekile ukuba uthathe ingqalelo eyiyo.

Uyakwazi ukubeka itekisi kwindlela ekhethiweyo imilo, kodwa ukuba akundibonanga, umxholo uba kuyo nayiphi inkalo kwibhokisi ebuxande, ngokulandelelana, emva kokufumana igalelo.

Sebenzisa iimpawu CSS z-index kwi element ogama value imvelaphi-umbala sikhanya (a uhlobo elubala), lilinganise elementi wesekethe. Nangona kunjalo enyanisweni sakhi buxande.

Iziganeko nezinto ezibonakalayo

Kwiindawo apho element iyabhlokwa ngomnye element, iziganeko akusayi kusebenza. Njengomthetho jikelele, ukuba umba yi ebusweni, naye ummandla ukufumaneka.

Ukuba umqambi ufuna ukutshixa iqhosha okanye menu loo nto, ukuze kulunge zibekwe phezu tag kumise enye tag, mhlawumbi ngaphaya (umzekelo, usebenzisa ulawulo CSS Ibar), kodwa nayiphi na imeko, ukuba CSS eliphezulu z-index.

Ukususela siganeko, ukusuka kwindawo yomsebenzisi lwembono, lungohlulwa lube ezifanelekileyo kwaye unayo nayiphi na, ngoko ke yokugqibela (za uhambisa i mouse, ngokucinezela amaqhosha random kwi-keyboard, uphawu timer) ingasetyenziswa ukutshintsha ngokwaneleyo umxholo kwi browser window.

A umzekelo olula: undwendwe eliphakamise isalathisi se mouse kwi umba we menu, kodwa okwangoku isigqibo ukuba wenze into ethile. Umphuhlisi kungenza ukuba isiganeko ukulandelela intshukumo yencoko kwinqanaba elifunekayo (cofa - undwendwe ugqiba) kwaye ubonise isiqulatho eyaneleyo. UMthetho CSS z-index yeyona ilungileyo ifanele ukuba sihlandlo.

format picture

Ekubeni imifanekiso babaluleke izinto zokwakha kwindawo (ubuhle, modernity, ukusebenza - nanjengokwesimo ngokwesiqhelo izinto), kubaluleke gqitha ngokhetho ifomati yomfanekiso.

Ubukhulu becala, ungasebenzisa zonke iintlobo yeefomati ezikhoyo, kodwa ngokwemiqathango ukuba nokusebenziseka kunye nokusebenza kakhulu kusengqiqweni ukuba bamvalele * png ngenxa imifanekiso eme ndawonye * gif - zemifanekiso zoopopayi. Popular * .jpg Kuhle, kodwa oko akuthethi ukuba kungabikho bungqingqwa lokuxhaphaza isithuba elibonisiweyo.

bugs Browser kunye nomphuhlisi

Hayi edla kunjalo, xa CSS z-index ayikasebenzi, kodwa kuyenzeka. Imiqathango Uhlobo lwamakhasi ayingxangxasi njalo, kwaye umthamo ifayile isimbo badla kufikelela imiqulu ezibalulekileyo. Xa into kungaveli, okanye nje musani ukuba kufuneka ibe yintoni, kufuneka kuqala ujonge ikhowudi yakho, ukusula cache browser yakho Umcikide ikhowudi yakho kwakhona.

Ukutolika HTML and CSS, isikhangeli phantse akumenzi iimpazamo - kube yinto saziwe. Ukuba into efunekayo ayiwenzi, ngoko, kuyilo CSS {indawo: ingundoqo; z-index: 112233; ngasekhohlo: 10px; top: 20px; } ... into engekhoyo okanye kubhalwe.

Impazamo eqhelekileyo - engalunganga Kwaboniswa element akunako kuthethwa ukubonakala yayo kwindawo ongowona okanye isalamane. Ngamanye amaxesha ingasebenza ukucacisa indlela ngqo kwi element kwaye ayikho indlela yakhe. Kwimeko yokugqibela, le yindlela yokuphuma, kodwa ikakhulu sithetha ethile uhlobo Impazamo kwi khowudi.

Style kufuneka eklasini okanye ID isimbo. Ebonisa isimbo kwi nto kufanele kuphela kwiimeko ezizodwa.

Ukusebenzisa jQuery.css (z-indeksi, 123) Kwakhona kungakhokelela imposiso, ukuba isicelo iklasi okanye isazisi. Ukongeza, jQuery - sisixhobo yophuhliso emangalisa ngokwenene. Noko ke, ngaphambi kokuba isicelo, kungekhona buhlungu ukuba ucinge: ngaba kunokwenzeka ukuba phelisa ngcono kuthetha HTML / CSS, z-isalathisi - asingomqathango loo nto ifuna ukunikwa ingqalelo ekhawulezileyo.

intshukumo oluchanekileyo kweemaleko ubhalo, kwaye

Page Perfect - flat. Kuyo nayiphi na imeko, phambi kokuba yokwenene umfanekiso-ntathu intlomo ngezinga elikhulu, kungekhona kweli imfuneko ethile. websites Modern - yinto imisebenzi ngamava ngenene, ngenene-ihlabathi. Kufuneka nje ukusebenza kakuhle kwaye ubonise iflethi umfanekiso-ntathu.

Hi ndlela leyi, lo mkhuba le page kokwehla (page kokwehla) ngokohlobo iinketho "isakhiwo site" - bungqina bokuba isicaba uxande owomileyo, kodwa umxholo ngqo kakhulu - nayo okulungileyo kunye nezenziwayo. Kodwa kufanele kuqatshelwe ukuba amaziko iinkampani bodwa wanamathela into zazo eziphambili - ubuso nkampani, imveliso yawo ukusebenza kunye namandla. Information Technology Izilo waziva ukuba emakhasini - ukuba bajongene amashishini amancinane, izincedisi, Herbalife kunye nezinye "nezacholo."

Njengalo okanye hayi, enyanisweni echanekileyo, ikamva liza kubonisa. Kubalulekile ukuba kuphela efanelekileyo ukupeyinta ngokomthamo umaleko, kodwa ukuqinisekisa intshukumo efanelekileyo phakathi kwabo nangaliphi na uhlobo yokwakha website.

isisombululo Zintle - Ajax (iphepha luyahlaziywa njengoko kuyimfuneko). Nkqu isisombululo athembisayo, xa iphepha libonisa ukuba kuyimfuneko ngeli ingongoma browser window.

Enyanisweni, z-isalathisi - lo mthetho CSS elula. injongo yawo - ukubonisa inqanaba tag ukuze isikhangeli ukufumanisa xa element ukubonisa kwaye yinxalenye yale nto iya kubonakala. Layer kunye nephepha - isalamane kakhulu ngcamango, kuba kuyingxaki ukuyila kwiphepha khumbula intsingiselo uMthetho z-index ye ezahlukeneyo ukubonisa umxholo.

Ngokuqhelekileyo, umakhi ukhetha inani ayithandayo, kwaye ulunika bonke iithegi mkrozweni mnye, kunye nento yokuba kufuneka ukuba ngandlel 'ume ngaphandle, unika inani elilandelayo. Qhoboshela ukubaluleka ukuya zoleko kunye namanqanaba amaphepha - ayikho uqheliselo ingakumbi phambili ithembisa.

Noko ke, ukuba uyaguquka semantics z-indeksi ukuya ingxoxo kunye undwendwe, unako ukwenza i yeziphumo ezenziwayo. Ngokufanayo nendlela tags enyanzeliswa phezu komnye, kunokwenzeka ukuba ukunyanzelisa ingxoxo (site undwendwe) kwaye enze intshukumo phakathi kwabo. Xa lento uyijonga, isicelo kwemithetho CSS z-indeksi kubonakala ukuba kwenzeke kakhulu and practical.