CSS z-Inkomba: i Uhlolojikelele, izakhiwo

Ukubusa CSS z-Inkomba - sekhasi isikhundla Ukudidiyela Z: ezingeni isibonisi isici noma ungqimba lapho itholakala. Tag ukuthi ine z-Inkomba enkulu azoboniswa ngokugcwele. Tags ayaboniswa ngendlela zivela ukugeleza angenayo ukugqagqana. приоритет видимости. Inkomba engu-Z ukubaluleka inquma igunya ukubonakala.

Kumele sikhokhe intela iziphequluli yesimanje futhi izakhi algorithm isibonisi. Kusukela ezinsukwini lapho ihluzo kanye izikrini ethumba kwakhiwa izingxenye inkinga clip ye ebonakalayo nengabonakali yizakhi iwindi isicelo, okuqukethwe kokubuka ubuchwepheshe ebonakalayo ifinyelele imiphumela emihle kakhulu. Kuwindi lesiphequluli, zonke izakhi ziboniswa ngendlela efanele, umsebenzisi ubona kuphela elishiwoyo design noma unjiniyela.

Ngokuvamile: oda kanye nezinga

Ukusakaza zokufakwayo (ikhasi iseva kwakhiwa) ngokulandelana ofunda isiphequluli. Zonke amathegi uboniswa ngokuhambisana nemithetho CSS futhi zingase zicishe zifane.

Lesi sibonelo uchaza isici ezine ebonakalayo. Ngasinye esilandelayo ligamanxa umuntu odlule. Ezindaweni lapho amathegi sawela, kukhona umbuzo kuqala. Njengomthetho z-index CSS omaka zonke lezi efanayo futhi ilingana 848, kuyoba sobala ukuthi element uya kanje. Konke amacebo lisuke ngaphansi ngamunye ingxenye elandelayo, ngokusobala.

umthetho ukubonakala

Iziphequluli bagcine imithetho ukubonakala kuphela "fair". Ukuze beveza algorithm elikuvumela ukuba uhlaziye konke ukunqunywa sina usebenzisa lezo kuphela ukuthi empeleni aphambana, ngaphandle lezo zingxenye ezingavikelekile amuncwa element ngayinye ngokulandelana - kunzima kakhulu.

Ezimweni eziningi lokhu akudingekile. imishini yesimanje kuyashesha kakhulu, bese ubone Dweba elementi ukuze afinyelele eqophelweni lapho izomisa element esilandelayo, kuyinkinga kakhulu.

Ithonya array isici

Engingakusho nje ithegi lwesithathu scCSS3 ukwandisa z-index, futhi ngezinye scCSS4 - ukunciphisa ke, isithombe Imininingwane washintsha. Kulandzelana kwalokucuketfwe lokuhleliwe izakhi ekusakazeni akukatjhuguluki:

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

Kufanele kuqashelwe ukuthi isithombe sesibili empeleni kuthatha isikhala ezingaphezu kuka kubonakala. Isithombe sesithathu uyefana. Ngaphezu kwalokho, liqukethe izingxenye ezimbili (amaqanda amabili) buqamama komunye nomunye.

Usayizi woqobo izifunda, okuyinto hlala izithombe lesibili nelesithathu eziqokonyiswa ophuzi kanye grey ngokulandelana.

Inhlanganisela z-index umbala ongemuva

Kufanele kuqashelwe ukuthi izakhiwo CSS isizinda & z-index umphelelisi nomunye. Zonke izici block-level, neminye, njalo hlala endaweni unxande ezakhiwe ukuphakama esiphezulu futhi ububanzi esiphezulu okuqukethwe.

Ukusebenzisa izithombe, ungenza noma yikuphi isici inkambu yefomu, kodwa ababemzungezile kuyohlale kunokuningi isikwele. Kuyiqiniso ukuthi kubalulekile ukuba acabangele kahle.

Ungafaka umbhalo endleleni ekhethiwe ukuma, kodwa uma ungangiboni, okuqukethwe uthola kunoma isici ebhokisini wamaqhuqhuva, zilandelana, ekwamukelweni okokufaka.

Sebenzisa izakhiwo CSS z-index e element ukubaluleka kabani umbala ongemuva kuyinto esobala (uhlobo obala), ungakwazi sokulingisa noma iyiphi isici wesifunda. Nakuba noma kunjalo empeleni isici wamaqhuqhuva.

Imicimbi kanye izitshengiselo ezibonakalayo

Ezindaweni lapho isici ivinjelwe esinye isici, izenzakalo ngeke isebenze. Njengoba ojwayelekile, uma into ebusweni, naye zone ukutholakala.

Uma unjiniyela ufuna ukukhiya inkinobho noma into yemenyu, kungase kahle ibekwe phezu ithegi ukukhiya omunye ithegi, mhlawumbe esobala (isib, usebenzisa kokubusa CSS opacity), kodwa noma kunjalo, njengoba sasinothando CSS ephakeme z-index.

Njengoba umcimbi, kusukela iphuzu umsebenzisi umbono, zingahlukaniswa zibe lusizo futhi Awunawo ke wokugcina (ezihambayo igundane, ngokucindezela izinkinobho okungahleliwe on the keyboard, isiginali timer) ingasetshenziswa ngokwanele ushintshe okuqukethwe ku kwewindi lesiphequluli.

Isibonelo elula: isivakashi uye wathuthela pointer igundane entweni imenyu, kodwa kuze kube ngabe senginquma ukwenza okuthile. Umthuthukisi babekwazi ukunikeza umcimbi ukuze ulandele ukuhamba inkhulumomphendvulwano iphuzu oyifunayo (chofoza - isivakashi enquma) futhi ubonise okuqukethwe ezanele. Rule CSS z-index iyona kangcono lesi senzakalo.

Isithombe format

Njengoba izithombe i material ebalulekile isakhiwo nganoma isiphi indawo (ubuhle, yesimanjemanje, ukusebenza - kuyinto evamile kokujwayelekile izinto), kubaluleke kakhulu izinqumo image yohlelo.

Ngokwengxenye enkulu, ungasebenzisa zonke ezihlukahlukene takhiwo ekhona, kodwa ngokuya usizo ukusebenza kuyinto ngempela kunengqondo ukuba afinyelele * .png izithombe ezimile * .gif - ngezithombe opopayi. Popular * .jpg ubuye omuhle, kodwa ayivumeli unenkululeko lokuxhaphaza isikhala ukubonisa.

izimbungulu isiphequluli kanye kunjiniyela

Hhayi kuvamisile ngakho, lapho CSS z-index akusebenzi, kodwa kwenzeka. Imigomo Cascading Style Sheets njalo ukusebenza, futhi umthamo lwefayela isitayela ngokuvamile ukufinyelela amavolumu abalulekile. Lapho into kungaveli, noma umane nje awunaso yini kumele kube, kumelwe uqale uhlole ikhodi yakho siqu, bese usula inqolobane yesiphequluli sakho bese ukuhlola ikhodi yakho siqu futhi.

Ukuqonda i-HTML futhi CSS, isiphequluli cishe akawenzi amaphutha - kuba Axiom. Uma into efiselekayo kungaqali ke, ekuklanyweni CSS {isikhundla: ngokuphelele; z-Inkomba: 112233; kwesokunxele: 10px; phezulu: 20px; } ... into alitholakali noma eqoshiwe.

Iphutha ezivamile - okungalungile Kuboniswa isici ishoda ukubhekisela ukubonakala kwaso ku-isikhundla okuphelele noma okungaphelele. Ngezinye izikhathi kungase ukusebenza ucacise isitayela ngqo isici futhi akuyona indlela yakhe. Kulo mBhalo, kuba indlela yokuphuma, kodwa ngokuyinhloko ukhuluma ngani ezinye uhlobo iphutha ikhodi.

Isitayela kufanele sibe isigaba noma i-ID isitayela. Ekhomba isitayela kwi-elementi kufanele kuphela ezimweni ezingavamile.

Ukusebenzisa jQuery.css (z-index, 123) futhi kungaholela nephutha, uma kungekhona isetshenziswa ekilasini noma isihlonzi. Ngaphezu kwalokho, jQuery - ithuluzi ukuthuthukiswa emangalisa ngempela. Nokho, ngaphambi kokuba ubhalise ke, hhayi ubuhlungu ukucabanga: kungenzeka ukuba ikhiphe ne ngokurhaba kusho HTML / CSS, z-Inkomba - akuyona umthetho ukuthi akudingi ukunakekelwa masinyane.

ukunyakaza Lungile zezendlalelo okunengqondo, futhi

Perfect Page - flat. Kunoma ikuphi, ngaphambi yangempela isithombe ngakuthathu ekude ngezinga elikhulu, hhayi kuleli isidingo esithile. amawebhusayithi Modern - kuba imisebenzi isipiliyoni sangempela, bomhlaba wangempela. Bamane kudingeka usebenzele ukuba uhambe kahle futhi sibonise flat isithombe ezintathu-ntathu.

By endleleni, lo mkhuba kwekhasi lokubikezela (ikhasi lokubikezela) ngesimo ongakhetha "isakhiwo site" - ubufakazi engcono ukuthi flat ukuma elingunxande futhi omile, kodwa okuqukethwe kakhulu eqondile - futhi ezinhle futhi ezingokoqobo. Kodwa kufanele kuphawulwe ukuthi amasayithi izinkampani ayitholwa wanamathela into yabo eyinhloko - ubuso inkampani, ukukhiqizwa yayo ukusebenza namandla. Information Technology Monsters nomuzwa wokuthi amakhasi okufikela - kungcono amabhizinisi amancane nazo, izesekeli, Herbalife nezinye "ubucwebe."

Zithanda noma zingathandi, eqinisweni lesifanele, ikusasa sizobonisa. Kubalulekile ukuthi yini kunengqondo upende izingqimba okuqukethwe, kodwa futhi ukuqinisekisa ukuhamba kahle phakathi kwabo ngasiphi okufana ekwakheni iwebhusayithi.

isixazululo Excellent - AJAX (ikhasi olusha njengoba kudingeka). Ngisho isixazululo ethembisa ngaphezulu, lapho khasi libonisa ukuthi kubalulekile okwamanje kwewindi lesiphequluli.

Eqinisweni, z-Inkomba - lokhu elula umthetho CSS. Inhloso yayo - ukukhombisa izinga tag ukuze isiphequluli kungacacisa ukuthi lapho ukuveza isici futhi iyiphi ingxenye lesi sici kuzobonakala. Layer nekhasi - umbono isihlobo kakhulu, ngoba kuyinkinga ukuklama ikhasi bese ugcine engqondweni okushiwo uMthetho z Inkomba engu-ezahlukene okuqukethwe kokubuka.

Ngokuvamile, umthuthukisi ekhetha inombolo abayizintandokazi, bese okunika zonke tags ilandelana, kanye neqiniso lokuthi kufanele ngandlela-thile ivelele, esabela inombolo eduze. Namathisela kubalulekile izingqimba namazinga yamakhasi - akuyona imikhuba lesichubekako kakhulu futhi ethembisa.

Nokho, uma hambisa engasho lutho z-index inkhulumomphendvulwano isivakashi, kungenzeka ukwakha umphumela esisebenzayo. Ngokufana indlela tags kungenziwa esikhulu nomunye, kungenzeka ukuba sigcizelele inkhulumomphendvulwano (indawo isivakashi) futhi enze ukunyakaza phakathi kwazo. Kule ngombono, isicelo wemithetho CSS z-liyavela ukuba kwenzeke kakhulu futhi kuyasebenziseka.