CSS Z-indekisi: muchidimbu, ehupfumi

Ushe CSS Z-indekisi - peji chaikosha nzvimbo dzinotarisira Z: ufanane vakaratidza chinhu kana rukoko umo riri. Tag ine Z-indekisi chikuru chichaitwa kuratidzwa zvakazara. Tags anonyorwa ari kuti vanoonekwa vari kuuya chokubuda uye bindepinde. приоритет видимости. Z-indekisi ukoshi anosarudza kuti maonero pokutanga.

Tinofanira kubhadhara mutero kuna browsers ano uye algorithms kuratidza zvinhu. Sezvo mazuva apo Graphics uye akakunda sefa vakaumba dambudziko rakanga rine zvinoonekwa nezvisingaonekwi zvikamu okunze ari chikumbiro pahwindo, rinooneka yeClearType kugutsikana yasvika nemigumisiro yakanaka. Muhwindo, zvinhu zvose zviri vakaratidza nemazvo, inodzidzisa anoona chete chii raanotaura kugadzira kana yokuvaka.

The Kazhinji: Kurongeka uye mwero

The chiyamuro Rwizi (peji kuumbwa Server) sequentially anoverenga Browser. Tags Vose vakaratidza maererano CSS mitemo uye anogona bindepinde.

Muenzaniso uyu rinorondedzera zvina zvinooneka maatomu akafanana. Mumwe anotevedzana overlaps munhu yaimbovapo. Munzvimbo umo Tags vari vayambuka, pane mubvunzo kuitwa. Kazhinji Z-indekisi CSS Tags zvose izvi chete uye akaenzana 848, zvichava pachena kuti chinhu icho anoenda sezvinotevera. Zvose peeks kubva pasi mumwe nomumwe rinotevera maatomu akafanana, zviri pachena.

utongi maonero

Browsers vanochengeta mitemo maonero chete "zvakanaka". Kukwira ane algorithm unokubvumira kuongorora zvose chakakomba nokuiswa uye kushandisa avo chete kuti chaizvoizvo piringisha, dzakakudzingai avo mitezo ayo yokuita zvinoitwa nomumwe anotevedzana maatomu akafanana - zvakaoma chaizvo.

Kazhinji ichi hachisi zvakakodzera. Modern michina iri tichitsanya chaizvo, uye cherechedzai redraw chinhu kusvikira apo zvichaita adzikatidza inotevera maatomu akafanana, zviri matambudziko chaizvo.

Kuchinja chinhu kuko

Zvakakwana rechitatu Tag scCSS3 kuwedzera Z-indekisi, uye pana scCSS4 - kuderedza nayo, yose mufananidzo dzinoshandurwa. The kutevedzana kwezviitiko zvinhu murukova ndewokuti:

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

Zvinofanira kucherechedzwa kuti mufananidzo wechipiri chaizvoizvo anotora mamwe nzvimbo kupfuura zvinoita. Mufananidzo wechitatu ndiro. Uyezve, ine zvikamu zviviri (mazai maviri) chinhambwe kubva mumwe.

The chaiwo pamusoro kumatunhu, izvo rwugare zvifananidzo wechipiri newechitatu inosimbiswa yeyero uye ndachena musoro azvaitwa.

Tikafunga they-indekisi kuti nechokumashure-ruvara

Zvinofanira kucherechedzwa kuti zvivako zviri CSS kumashure & Z-indekisi mukwanisi mumwe. All zvinhu mufurati-sandara, uye zvimwe, nguva dzose kugara imwe rectangular nzvimbo inoumbwa kufadza pakakwirira uye kufadza upamhi kugutsikana.

Kushandisa zvifananidzo, unogona kuita chero wechinhu munda maatomu akafanana, asi vakamupoteredza pachagara kuva rectangle. Ichokwadi kuti zvinokosha kufunga zvakanaka.

Unogona kuisa chinyorwa munzira yasarudzwa chimiro, asi kana mukasadaro, zvirimo zvikanzwika chero chinhu mubhokisi rectangular, successively, pamusoro okutambirwa mazano.

Use ehupfumi CSS Z-indekisi iri chinhu ane kumashure-ruvara mutengo kwakanyatsojeka (a mhando pachena), anogona kutevedzera chero redunhu maatomu akafanana. Kunyange zvazvo mune mhaka chaizvoizvo maatomu akafanana zviri rectangular.

Events uye chinooneka zvinhu

Munzvimbo umo chinhu chakavharwa chimwe chinhu, zviitiko hazvishandi. Kazhinji, kana chinhu chiri pamberi, naiye ari kuwanikwa wongoramba.

Kana yokuvaka achida akakiya bhatani kana Muterere chinhu, angatitungamirira igadzikwe pamusoro nokukiya Tag mumwe chipepa, zvichida segirazi (semuenzaniso, achishandisa mutemo CSS opacity), asi chero zvakadaro, kuva akakwirira CSS Z-indekisi.

Sezvo chiitiko, kubva aishandisa nemaonero, zvinogona rakakamurwa akakodzera uye vasina, ipapo wokupedzisira (kutamira negonzo, kupfuurira anongoitika mabhatani pamusoro keyboard, iyo timer chiratidzo) inogona kushandiswa zvakakwana kushandura kugutsikana mune muhwindo.

A muenzaniso nyore: mueni kwakaita negonzo Pointer pamusoro Muterere chinhu, asi havasati akasarudza kuita chimwe chinhu. The yokuvaka aigona kupa chiitiko kuti chamber kufamba nhaurirano kusvika kutsvakwa pfungwa (baya - mushanyi akasarudza) uye kuratidza muenzaniso wakakwana kugutsikana. Rule CSS Z-indekisi ndiyo yakanakisisa akakodzera kuti chiitiko.

Picture urongwa

Sezvo mifananidzo chinokosha pakuvaka zvinhu chero nzvimbo (runako, modernity, functionality - ndiyo zvatinosiita ndozvakajairwa zvinhu), zviri zvikuru nokuda mufananidzo pamanyorerwo sarudzo.

Kazhinji, unogona kushandisa zvose zvakasiyana-siyana zviripo zvinogona, asi maererano kushanda uye kushanda rakanyatsojeka musoro ndigoisa * .png kuti kunofambira mberi mifananidzo uye * .gif - nokuti nechido mifananidzo. Popular * .jpg Zvakanakawo, asi haabvumiri mukana wokushandiswa chokushandisa mashoko kuratidza nzvimbo.

Browser notupukanana uye yokuvaka

Kwete kazhinji nyaya, kana CSS Z-indekisi zvikasashanda, asi zvinoitika. Terms of cascading Style machira nguva dzose kushanda, uye bhuku manyorerwo faira kazhinji kusvika mavhoriyamu inokosha. Kana chimwe chinhu chisina kuiswa, kana kungoti hauna zvinofanira kuva, anofanira kutanga vaongorora pachako remitemo wako, ipapo apepete yenyu Browser cache uye edzai pachako romutemo wako zvakare.

Kuziva HTML uye CSS, asi Browser iri rinenge haakanganisi - icho axiom. Kana aida chinhu haaiti, Saka, pamasikiro CSS {nzvimbo: Mhedziso; Z-indekisi: 112233; kuruboshwe: 10px; kumusoro: 20px; } ... chinhu chisipo kana kwete kunyorwa.

The inonyanya chikanganiso - zvakaipa Aratidza chaikosha chinoshayikwa Munongedzo ayo maonero pamusoro kumhedziso kana hama chinzvimbo. Dzimwe nguva unogona kushanda kuti kutaridzwa manyorero zvakananga pamusoro chinhu uye haisi ndeake. Mukupera zvazvingava, ndiyo nzira yokubuda, asi zvinonyanya kutaura zvimwe mhando ndakakanganisa bumbiro.

Style anofanira kuva mukirasi kana ID maitiro. Rinoratidza Style pamusoro chinhu anofanira chete asina mhosva.

Uchishandisa jQuery.css (Z-indekisi, 123) Unogona kutadza, kana asina kureva kirasi kana identifier. Uyezve, jQuery - zvinoshamisa zvechokwadi kukura chokushandisa. Zvisinei, usati kuishandisa, hachingatongovakuvadzi kufunga: zvinobvira rokugovera pamwe kugadzirwa kunoreva HTML / CSS, Z-indekisi - haisi mutemo kuti haatarisiri pakarepo kuteerera.

Rairira kwebasa musoro akaturikidzana, uye

Perfect Page - sandarara. Chero zvazvingava, pamberi chaiyo-dimensional matatu mufananidzo ari kure hombe scale, uye kwete ichi kunyanya kubatsirwa. Modern Websites - ndiko mabasa ruzivo chaiyo, chaiyo-nyika. Vanongouya vanofanira kushanda zvakanaka uye anoratidza sandara-dimensional matatu mufananidzo.

Panzira, kuti Chiitiko pakati iri kumhara peji (kumhara peji) muchimiro nzira "yokuvakira" - zvakanakisisa hwokuti sandarara rectangular chimiro uye akaoma, asi zvikuru zvinonyatsochengeta kugutsikana - Zvakanakawo uye anobatsira. Asi zvinofanira kucherechedzwa kuti nzvimbo yacho chindingindingi makambani rakanamatira dzavo chinhu chikuru - chiso kambani, ayo functionality uye simba kugadzirwa. Information Technology omugungwa vaifunga kuti kumhara mapeji - zviri madiki vanosangana, nenhumbi, Herbalife nevamwe "zvishongo."

Like kana kwete, chokwadi kwakarurama, remangwana acharatidza. Zvakakosha kuti kwete chete musoro kunyora muna akaturikidzana kugutsikana, asiwo nechokwadi zvakakodzera kufamba pakati pavo chero musiyano wezvinyorwa chokuvakira Website.

Excellent mhinduro - AJAX (peji iri yoku- sezvinodiwa). Kunyange vaizotibata zvikuru mhinduro, kana peji inoratidza kuti zvakakodzera panguva iyi muhwindo.

Kutaura zvazviri, Z-indekisi - ichi nyore utongi CSS. Its chinangwa - kuratidza ufanane chipepa kuti Browser anogona kuona kana kuratidza chinhu uye chikamu ichocho ino kuoneka. Rukoko uye peji - hama chaizvo pfungwa, nokuti matambudziko kugadzira peji uye tichifunga zvinorehwa Vakuitirewo Z-indekisi zvakasiyana kugutsikana kuratidza.

Kazhinji, yokuvaka anosanangura kufarira nhamba, uye anohupa Tags zvose panhurikidzwa uye kuti tinofanira zvimwe kumira panze, ibasa chinotevera nhamba. Batanidza kukosha kune akaturikidzana uye kwevari mapeji - haasi kunyanya mberi uye zvinovimbisa nemiitiro.

Zvisinei, kana Kutama semantics Z-indekisi kuti Nhaurirano muenzi, zvinokwanisika kusika rinoshanda kushanda. Zvakafanana sei Tags zvinogona seari pane mumwe, zvinokwanisika kumanikidza nhaurirano (nzvimbo mushanyi) uye kuita sangano pakati pavo. Kubva nemaonero ichi, kushandisa nemitemo CSS Z-indekisi sokuti noitika chaizvo uye inoshanda.