CSS z-endèks: yon BECA, pwopriyete

Règ CSS z-endèks - page pozisyon eleman kowòdone Z: nivo nan eleman nan ekspozisyon oswa kouch nan ki li la chita. pral Tag ki gen z-endèks pi gwo ap parèt nan plen. Tags yo ap parèt nan lòd la yo parèt nan koule nan fèk ap rantre ak sipèpoze. приоритет видимости. valè Z-endèks detèmine priyorite a vizibilite.

Nou dwe peye peye lajan taks bay navigatè modèn ak eleman algoritm ekspozisyon. Depi jou yo, lè grafik ak ekran pran fòme pati pwoblèm coupure vizib ak envizib nan eleman yo nan fennèt la aplikasyon an, te vizib kontni an teknoloji ekspozisyon rive jwenn rezilta ekselan. Nan yon fenèt navigatè, tout eleman yo ap parèt kòrèkteman, itilizatè a wè sèlman sa k ap espesifye konsepsyon oswa pwomotè.

Règ la an jeneral: lòd la ak nivo nan

D 'kouran (paj fòme sèvè) sekans nan li navigatè a. Tout Tags yo ap parèt nan akò ak règleman yo CSS epi yo ka sipèpoze.

Egzanp sa a dekri kat eleman vizib. Chak siksesif doubl yon yon sèl anvan yo. Nan kote etikèt yo yo janbe lòt, gen se yon kesyon de priyorite. Kòm yon règ z-endèks Tags CSS pou tout bagay sa yo menm ak egal a 848, li pral aparan ke eleman ki ale jan sa a. Tout sa ki peeks soti nan anba chak nan eleman kap vini an, aparamman.

règ vizibilite

Navigateur obsève règleman yo nan vizibilite sèlman "ki jis". Vini ak yon algorithm ki pèmèt ou analize tout enpozisyon la brit epi sèvi ak se sèlman moun ki ki aktyèlman kwaze, eksepte moun ki pati ki fè yo absòbe chak eleman siksesif - se trè difisil.

Nan pifò ka sa a se pa nesesè. ekipman modèn se trè vit, ak avi rdesine eleman nan pwen kote li pral bloke eleman kap vini an, se trè Pwoblematik.

Enfliyans sou etalaj la eleman

Ase li nan twazyèm tag a scCSS3 ogmante z-endèks la, ak nan scCSS4 - diminye li, se foto a total chanje. Sekans an nan eleman nan kouran an rete menm jan an:

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

Li ta dwe remake ke foto a dezyèm se aktyèlman pran moute plis espas pase sa li sanble. Foto a twazyèm se menm bagay la. Anplis de sa, li gen ladann nan de pati (de ze) nan yon distans soti nan chak lòt.

yo gwosè aktyèl la nan rejyon yo, ki rete nan imaj yo dezyèm ak twazyèm make nan jòn ak gri respektivman.

Konbinezon a nan z-endèks nan background-koulè

Li ta dwe remake ke moun ki pwopriyete yo nan CSS jan nou koumanse & z-endèks konplete youn ak lòt. Tout eleman blòk-nivo, ak nenpòt ki lòt, toujou rete nan yon zòn rektangilè ki te fòme pa wotè a maksimòm ak lajè a maksimòm de kontni an.

Lè l sèvi avèk imaj, ou ka fè nenpòt eleman jaden fòm, men bò kote l 'ap toujou gen yon rektang. Li se yon reyalite ke li enpòtan pran nan kont byen.

Ou kapab mete tèks sou yon fòm chemen chwazi, men si ou pa fè sa, kontni an vin nenpòt eleman nan yon bwat rektangilè, successivement, apre li resevwa yon D 'a.

Sèvi ak pwopriyete CSS z-endèks nan eleman la ki gen background-koulè valè transparan (yon kalite transparans), ka rivalize nenpòt eleman kous. Malgre ke nan nenpòt ka an reyalite eleman se rektangilè.

Evènman ak eleman vizib

Nan kote ki kote eleman nan ki te bloke pa yon lòt eleman, evènman yo li pa pral travay. Tankou yon règ jeneral, si atik la se soti nan je, li tou se zòn nan disponiblite.

Si yon pwomotè vle fèmen bouton oswa meni atik la, li ka byen, se pou mete sou tag a bloke yon lòt tag, petèt yon transparan (egzanp, lè l sèvi avèk règ la nan CSS stupidity), men nan nenpòt ka, li te gen yon pi wo CSS z-endèks.

Depi evènman an, ki soti nan pwen nan itilizatè de vi, kapab divize an ki enpòtan ak pa gen okenn, lè sa a pase a (k ap deplase sourit la, peze bouton o aza sou klavye a, siyal la revèy) ka dwe itilize yo byen chanje kontni an nan fennèt la navigatè. Nan

Yon egzanp ki senp: gen yon vizitè deplase konsèy la sourit sou atik la meni an, men se pa gen ankò deside fè yon bagay. Pwomotè a kapab bay yon evènman yo swiv mouvman an nan dyalòg nan pwen a vle (klike - yon vizitè deside) epi montre yon kontni apwopriye. Règ CSS z-endèks se pi byen adapte a pou okazyon an.

fòma foto

Depi imaj se yon materyèl bilding enpòtan pou nenpòt ki sit (bote, modern, fonksyonalite - se nòmal la abityèl de bagay sa yo), li se nan gwo enpòtans pou chwa ki genyen yo fòma imaj.

Yo ak gwo, ou ka itilize tout varyete a nan fòma ki deja egziste, men an tèm de pratik ak efikasite se byen rezonab yo Fèmen * .png pou zidòl estatik ak * .gif - pou foto anime. Popilè .jpg * se tou bon, men li pa pèmèt fleksibilite a yo manipile espas ki la ekspozisyon.

pinèz navigatè ak pwomotè a

Se pa konsa souvan ka a, lè CSS z-endèks la pa travay, men li k ap pase. Tèm ak Kondisyon yo dra style kaskad toujou travay, ak volim nan nan dosye style souvan rive nan komèsan enpòtan. Lè yon bagay se pa sa parèt, oswa jis pa gen sa yo dwe, yo dwe premye tcheke Kòd pwòp ou a, Lè sa a, klè kachèt navigatè ou a ak tès Kòd pwòp ou a ankò.

Entèprete HTML ak CSS, navigatè a se prèske pa fè erè - li se yon aksyòm. Si atik la vle pa fè sa, lè sa a, nan desen an nan CSS {pozisyon: absoli; z-endèks: 112233; bò gòch: 10px; tèt: 20px; } ... yon bagay ki manke oswa ou pa anrejistre.

Erè ki pi komen - sa ki mal Montre eleman ki manke yon referans nan vizibilite li yo sou yon pozisyon absoli oswa yon manm fanmi. Pafwa li ka travay ou presize style la dirèkteman sou eleman nan epi se pa style l 'yo. Nan denyé ka sa, li se yon fason pou sòti, men li se sitou pale de kèk kalite erè nan kòd la.

Style dwe nan klas oswa ID style la. Montre style sou eleman nan ta dwe sèlman nan ka eksepsyonèl.

Lè l sèvi avèk jQuery.css (z-endèks, 123) tou ka mennen nan yon erè, si se pa aplike nan klas la oswa idantifyan. Anplis de sa, jQuery - yon zouti devlopman vrèman remakab. Sepandan, anvan ou aplike li, pa fè mal yo panse: se li posib yo dispanse avèk elatriye vle di HTML / CSS, z-endèks - se pa yon règ ki pa mande pou atansyon imedyat.

mouvman kòrèk la nan kouch yo lojik, ak

Pafè Page - plat. Nan nenpòt ka, anvan reyèl imaj la ki genyen twa dimansyon nan byen lwen yon echèl nan masiv, epi yo pa nan sa a bezwen patikilye. sit Modèn - li se yon travay eksperyans reyèl, mond reyèl la. Yo jis bezwen travay byen epi montre yon plat imaj twa dimansyon.

By wout la, fenomèn nan paj la aterisaj (paj aterisaj) nan fòm lan nan opsyon "bilding sit" - prèv nan pi bon ki plat fòm nan rektangilè ak sèk, men trè egzak kontni - tou bon ak pratik. Men, li ta dwe te note ke sit sa yo nan konpayi yo ki monopoli kole nan yo bagay la prensipal - fè fas a nan konpayi an, fonctionnalités ak pouvwa pwodiksyon li yo. Enfòmasyon Monstr Teknoloji te santi ke paj aterisaj - li nan ti biznis fè fas a, Pwodwi pou Telefòn, Herbalife ak lòt "bijou."

Tankou li ou pa, an reyalite kòrèk, tan kap vini an pral montre. Li enpòtan pou ke pa sèlman fè sans nan penti nan kouch kontni, men tou, asire mouvman bon ant yo nan nenpòt ki Variant nan bati yon sit entènèt.

Excellent solisyon - Ajax (Se paj mete ajou jan sa nesesè). Menm plis prometteur solisyon, lè paj la montre ke li se nesesè nan pwen sa a nan fenèt la navigatè.

An reyalite, z-endèks - sa a CSS règ ki senp. Objektif li - yo montre nivo a nan tag a pou ke navigatè a ka detèmine lè eleman nan ekspozisyon ak ki pati nan sa a eleman yo pral vizib. Kouch ak paj la - yon nosyon trè relatif, paske li se yon pwoblèm nan konsepsyon paj la epi kenbe nan tèt ou siyifikasyon an nan Règleman z-endèks pou diferan ekspozisyon kontni.

Tipikman, yon pwomotè chwazi yon PO pi renmen, epi li ba li nan tout Tags nan yon ranje, ak lefèt ke nou gen yon jan kanmenm kanpe deyò, asiyen nimewo a kap vini an. Tache enpòtans a kouch yo ak nivo nan paj - se pa pratik patikilyèman pwogresis ak pwomèt.

Sepandan, si mouvman Semantics z-endèks la nan yon dyalòg ak vizitè a, li se posib yo kreye yon efè pratik. Menm jan ak ki jan Tags ka supèrpoz sou chak lòt, li se posib yo enpoze yon dyalòg (sit vizitè) ak fè mouvman ant yo. Sa a soti nan pèspektiv, aplikasyon an nan règleman yo nan CSS z-endèks parèt yo dwe trè posib ak pratik.