CSS Z-Index: An Overview, eiginleikar

Regla CSS Z-Index - síðueining stöðu samræma Z: the láréttur flötur af the sýna frumefni eða lag sem hún er staðsett. Tag sem hefur Z-Index meiri verður birt að fullu. Tags eru birtar í þeirri röð sem þeir koma fyrir í komandi flæði og skarast. приоритет видимости. Z-vísitölu ákvarðar sýnileika forgang.

Við verðum að greiða skatt til nútíma vöfrum og reiknirit sýna atriði. Síðan á dögum þegar grafík og handtaka skjár myndast úrklippa vandamál sýnilega og ósýnilega hluta af þætti í umsókn gluggi, sýnilega sýna tækni efnið hefur náð framúrskarandi árangri. Í glugga, eru allir þættir birtist rétt, sem notandinn sér aðeins það sem er tilgreint hönnun eða verktaki.

Almenna reglan: röð og hversu

The inntak straumi (síðu mynduð server) í röð les vafrann. Öll merki eru birtar í samræmi við CSS reglum og geta skarast.

Þetta dæmi skýrir frá því fjórum sýnileg frumefni. Hvert á fætur skarast og önnur fyrri. Á stöðum þar sem merki eru yfir, það er spurning um forgang. Sem reglu Z-Index CSS tags fyrir allt þetta sama og jöfn 848, verður það að vera ljóst að þáttur sem fer eins og hér segir. Allt sem peeks út undir hvert næstu frumefni, greinilega.

regla skyggni

Vafra virða reglur skyggni aðeins "sanngjarnt". Til að koma upp með reiknirit sem leyfir þér að greina alla vergri álagningu og nota aðeins þeir sem raunverulega skerast, að undanskildum þeim hluta sem sogast með hverri frumefni - er mjög erfitt.

Í flestum tilvikum er ekki nauðsynlegt. Modern búnaður er mjög hratt, og eftir uppkast þáttur til the benda hvar það mun loka næsta frumefni, er mjög erfið.

Áhrif á frumefnið array

Nægja að þriðja tag scCSS3 auka Z-Index, og á scCSS4 - til að draga úr henni, alls myndin er breytt. Röð staka í straumnum enn það sama:

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

Það skal tekið fram að seinni myndin er í raun tekur meira pláss en það virðist. Þriðja myndin er sú sama. Ennfremur, það samanstendur af tveimur hlutum (tvö egg) í fjarlægð frá hvor öðrum.

Raunveruleg stærð svæða, sem deila á öðrum og þriðja myndir eru undirstrikuð í gulum og gráum sig.

Sambland af Z-Index til bakgrunns-lit

Það skal tekið fram að eiginleikar CSS bakgrunni og Z-Index bæta hvort annað. Allar blokk-stigi þætti, og öðrum, alltaf hernema rétthyrnt svæði myndast af hámarks hæð og hámarks breidd efni.

Með myndum, er hægt að gera hvaða formi sviði frumefni, en í kringum hann að það verður alltaf að vera rétthyrningur. Það er staðreynd að það er mikilvægt að taka tillit til almennilega.

Hægt er að setja texta á leið valin lögun, en ef þú ert ekki, efni fær að einhverju frumefni í rétthyrndum kassa, fætur, að fenginni inntak.

Nota eignir CSS Z-Index í frumefni sem bakgrunnur litur gildi er gegnsæ (eins konar gagnsæi), getur líkja hvaða hringrás frumefni. Þó að í öllum tilvikum í frumefni veruleika er ferhyrnt.

Viðburðir og sýnileg þættir

Á stöðum þar sem þátturinn er læst með öðru frumefni, atburðir það mun ekki virka. Almenna reglan, ef hluturinn er úr augsýn, er hann líka framboð svæði.

Ef verktaki vill læsa hnappinn eða valmyndina, getur það vel verið settur yfir læsingu tag annan tag, kannski gagnsæ (td með því að nota regluna um CSS ógagnsæi), en í öllum tilvikum, hafa meiri CSS Z-Index.

Þar sem atburður, frá notanda sjónarmiði, má skipta í máli og hafa ekki allir, þá síðustu (færa músina, ýta handahófi hnappa á lyklaborðinu, tímavörður merki) er hægt að nota til að nægilega breyta efni í glugga.

A einfalt dæmi: a gestur hefur flutt músarbendilinn á valmyndinni, en hefur ekki enn ákveðið að gera eitthvað. Framkvæmdaraðili gæti veitt atburð til að fylgjast með hreyfingu umræðu að réttum stað (smelltu - a gestur ákveður) og sýna fullnægjandi efni. Regla CSS z-vísitalan er best fyrir tilefnið.

mynd sniði

Þar sem myndir eru mikilvægur byggingarefni fyrir hvaða vefsíðu (fegurð, nútímanum, virkni - er venjulega norm af hlutur), það er mjög mikilvægt fyrir ímynd snið val.

By og stór, er hægt að nota alla fjölbreytni núverandi sniði, en hvað varðar hagkvæmni og skilvirkni er alveg sanngjarnt að takmarka * .png fyrir truflanir myndir og * .gif - fyrir líflegur myndum. Vinsælast * .jpg er einnig gott, en það þýðir ekki að leyfa sveigjanleika til að hagræða sýna rúm.

Browser galla og framkvæmdaraðila

Ekki svo oft raunin, þegar CSS z-vísitölu virkar ekki, en það gerist. Skilmálar stílblöð alltaf að vinna, og rúmmál stíl skrá ná oft verulega bindi. Þegar eitthvað birtist ekki, eða bara hef ekki það sem þarf að vera, verður fyrst að athuga eigin kóða, þá hreinsa skyndiminni vafrans og prófa eigin kóða aftur.

Túlka HTML og CSS, vafrinn er nánast ekki að gera mistök - það er Axiom. Ef þess er óskað hluturinn hefur ekki, þá, í hönnun á CSS {stöðu: alger; Z-Index: 112233; vinstri: 10px; efst: 20px; } ... eitthvað vantar eða ekki skráð.

Algengustu mistök - úrskeiðis Sýnt þáttur vantar tilvísun í skyggni hennar á hreinum og hlutfallsleg staða. Stundum getur það vinna að því að skilgreina stíl beint á frumefni og er ekki stíll hans. Í síðara tilvikinu er það þannig út, en það er fyrst og fremst að tala um einhvers konar villa í kóða.

Stíll verða að vera á bekknum eða ID stíl. Bendir stíl á frumefni ætti aðeins í undantekningartilvikum.

Using jQuery.css (Z-Index, 123) getur einnig leitt til villu, ef ekki beita til að flokk eða kennimerki. Að auki, jQuery - sannarlega merkilegt þróun tól. Hins vegar, áður en þú sækir hana, ekki meiða að hugsa: það er hægt að falla frá heimatilbúnum þýðir HTML / CSS, z-index - er ekki regla sem ekki krefjast tafarlausrar athygli.

Rétt hreyfing rökrétt lag, og

Perfect Síða - íbúð. Í öllum tilvikum, fyrir alvöru þrívítt mynd í langt miklum mæli, og ekki í þessu tiltekna þörf. Nútíma vefsíður - það er alvöru reynslu, raunheimum verkefni. Þeir þurfa bara að vinna vel og sýna íbúð þrívítt mynd.

Við the vegur, fyrirbæri áfangasíðu (áfangasíðu) í formi options "site byggja" - besta sönnun þess að íbúð rétthyrnd lögun og þurrt, en mjög nákvæm efni - líka gott og hagnýt. En það skal tekið fram að síður einokun fyrirtækja sem festir eru á þeirra helstu hlutur - andlit fyrirtækisins, virkni og völd framleiðslu sinni. Upplýsingatæknin Monsters töldu tengdar síður - það er lítil fyrirtæki standa frammi fyrir, fylgihluti, Herbalife og önnur "skartgripi."

Eins og það eða ekki, í raun réttri, framtíðin mun sýna. Það er mikilvægt að ekki aðeins er vit í að mála í lögum efni, en einnig til að tryggja rétta hreyfingu milli þeirra á hvaða afbrigði byggja upp vefsíðu.

Frábær lausn - AJAX (uppfært eins og þörf síða er). Jafnvel fleiri vænleg lausn, þegar síða sýnir að það er nauðsynlegt á þessum tímapunkti í vafranum.

Í raun, z-vísitölu - þetta einfalda regla CSS. Tilgangur hennar - til að sýna hversu tag þannig að vafrinn getur ákvarðað hvenær skjárinn þáttur og hvaða hluta þessa frumefnis verður sýnilegt. Lag og síðan - mjög ættingja hugmynd, vegna þess að það er erfitt að hanna síðuna og hafa í huga að merkingu reglu z-vísitölu fyrir mismunandi efni skjánum.

Venjulega, verktaki velur uppáhalds númer, og gefur það til allra tags í röð, og sú staðreynd að við höfum einhvern veginn standa út, úthlutar næsta númer. Leggja áherslu á lag og stigum síður - er ekki sérlega framsækið og efnilegur venjur.

Hins vegar, ef ferðinni merkingarfræði z-vísitölu til viðræðum við gesti, það er hægt að búa til hagnýtt gildi. Svipað og hvernig merki geta verið ofan á hvert annað, það er hægt að leggja umræðu (staður gestur) og framkvæma hreyfingu milli þeirra. Frá þessum sjónarhóli, beiting reglna CSS z-vísitölu virðist vera mjög gerlegt og raunhæft.