CSS z-indiċi: ħarsa ġenerali, il-proprjetajiet

Regola CSS z-indiċi - pożizzjoni Element paġna tikkoordina Z: il-livell ta 'l-element wiri jew saff li fih ikun jinsab. Tag li jkun akbar z-indiċi se jintwerew b'mod sħiħ. Tags huma murija fl-ordni li jidhru fil-fluss dieħla u jikkoinċidu. приоритет видимости. valur Z-indiċi jiddetermina l-prijorità viżibilità.

Irridu insellem lill browsers moderni u elementi algoritmi wiri. Peress li l-ġranet meta grafika u skrins maqbuda ffurmati partijiet problema qtugħ viżibbli u inviżibbli ta 'l-elementi fil-tieqa ta' applikazzjoni, il-kontenut viżibbli display teknoloġija laħqet riżultati eċċellenti. Fil-tieqa browser, l-elementi kollha huma murija b'mod korrett, l-utent jara biss dak li huwa speċifikat disinn jew iżviluppatur.

Ir-regola ġenerali: l-ordni u l-livell ta '

Il-fluss input (paġna ffurmat server) sekwenzjalment jaqra l-browser. tikketti kollha huma murija skond ir-regoli CSS u jistgħu jirkbu fuq xulxin.

Dan l-eżempju jiddeskrivi erba element viżibbli. Kull suċċessivi duplikazzjonijiet 'waħda preċedenti. F'postijiet fejn l-tags jinqasmu, hemm kwistjoni ta 'prijorità. Bħala tikketti CSS regola z-indiċi għal kulħadd dawn istess u ugwali għal 848, se jkun evidenti li l-element li jmur kif ġej. Dak kollu peeks barra minn taħt kull wieħed mill-element li jmiss, apparentement.

viżibilità regola

Browsers josservaw ir-regoli ta 'viżibilità biss "ġust". Biex toħroġ bi algoritmu li jippermetti li inti tanalizza l-impożizzjoni grossa u jużaw biss dawk li attwalment jiltaqgħu, esklużi dawk il-partijiet li huma assorbiti minn kull element suċċessiv - huwa diffiċli ħafna.

F'ħafna każijiet dan mhux meħtieġ. tagħmir modern huwa mgħaġġel ħafna, u l-avviż tiġbed element li l-punt fejn se jimblokka l-element li jmiss, hija problematika ħafna.

Influwenza fuq il-firxa element

Huwa biżżejjed li t-tielet tikketta scCSS3 tiżdied il-z-indiċi, u fl scCSS4 - biex dan jitnaqqas, l-istampa totali tinbidel. Is-sekwenza ta 'elementi fil-fluss jibqa l-istess:

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

Għandu jiġi nnutat li t-tieni istampa hija attwalment jieħu l-ispazju aktar milli jidher. It-tielet istampa hija l-istess. Barra minn hekk, din tikkonsisti f'żewġ partijiet (żewġ bajd) f'distanza minn xulxin.

Id-daqs attwali tar-reġjuni, li jokkupaw it-tieni u t-tielet immaġini huma enfasizzati bl-isfar u griż rispettivament.

Il-kombinazzjoni ta 'z-indiċi għall-isfond bil-kulur

Għandu jiġi nnutat li l-proprjetajiet ta 'l-isfond CSS & z-indiċi jikkumplimentaw lil xulxin. L-elementi kollha ta 'livell blokk, u kwalunkwe ieħor, dejjem jokkupaw żona rettangolari iffurmat mill-għoli massimu u l-wisa' massima tal-kontenut.

Bl-użu immaġini, inti tista 'tagħmel kwalunkwe element forma qasam, iżda madwar lilu dejjem se jkun hemm rettangolu. Huwa fatt li huwa importanti li jittieħed kont kif suppost.

Tista post test fuq forma triq magħżula, imma jekk inti ma, il-kontenut gets xi element fil-kaxxa rettangolari, suċċessivament, mal-wasla ta 'l-input.

proprjetajiet Użu CSS z-indiċi fl-element li isfond bil-kulur valur huwa trasparenti (tip ta 'trasparenza), jistgħu jimitaw kwalunkwe element taċ-ċirkwit. Għalkemm fi kwalunkwe każ element realtà hija rettangolari.

Avvenimenti u elementi viżibbli

F'postijiet fejn l-element huwa imblukkata minn element ieħor, l-avvenimenti mhux se taħdem. Bħala regola ġenerali, jekk l-oġġett huwa barra tal-vista, huwa wkoll hija ż-żona disponibbiltà.

Jekk iżviluppatur irid biex jissakkar l-buttuna jew menu partita, jista 'jitpoġġa fuq il-lametta qfil lametta oħra, forsi trasparenti (eż, bl-użu l-istat tad opaċità CSS), iżda fi kwalunkwe każ, li jkollhom CSS ogħla z-indiċi.

Peress li l-avveniment, mill-punt utent tal-vista, jistgħu jinqasmu rilevanti u ma jkollhom ebda, allura l-aħħar (tmexxi l-mouse, ippressar buttuni każwali fuq it-tastiera, is-sinjal arloġġ) jistgħu jintużaw biex jibdlu b'mod adegwat il-kontenut fit-tieqa browser.

Eżempju sempliċi: viżitatur mxiet il-mouse pointer fuq l-oġġett menu, iżda għadhom ma ddeċidewx li jagħmel xi ħaġa. L-iżviluppatur jista 'jipprovdi avveniment sabiex jittraċċjaw il-moviment ta' djalogu mal-punt mixtieq (ikklikkja - viżitatur jiddeċiedi) u l-wiri kontenut adegwat. Regola CSS z-indiċi huwa l-aħjar adattati għall-okkażjoni.

format stampa

Peress immaġini huma materjal tal-bini importanti għal kwalunkwe sit (sbuħija, modernità, il-funzjonalità - huwa l-norma tas-soltu ta 'affarijiet), huwa ta' importanza kbira għall-għażliet format immaġini.

Permezz u kbar, inti tista 'tuża l-varjetà ta' formati eżistenti, iżda wkoll f'termini ta 'prattiċità u l-effettività huwa pjuttost raġonevoli li tillimita * png għall-immaġini statiċi u * Gif - għal stampi animati. Popolari * jpg hija wkoll tajba, iżda hija ma tippermettix l-flessibilità biex jimmanipulaw l-ispazju wiri.

bugs browser u l-iżviluppatur

Mhux hekk spiss il-każ, meta l-CSS z-indiċi ma jaħdimx, iżda dan jiġri. Termini ta 'folji cascading stil dejjem xogħol, u l-volum tal-fajl stil spiss jilħqu volumi sinifikanti. Meta xi ħaġa ma tkunx murija, jew biss ma jkollhomx dak li għandu jkun, iridu l-ewwel jiċċekkjaw kodiċi tiegħek stess, allura ċar cache tal-browser tiegħek u test kodiċi tiegħek stess mill-ġdid.

Interpretazzjoni HTML u CSS, il-browser huwa kważi ma jiżbaljaw - huwa Axiom. Jekk l-oġġett mixtieqa ma, allura, fit-tfassil tal CSS {pożizzjoni: assolut; z-indiċi: 112,233; xellug: 10px; quċċata: 20px; } ... xi ħaġa hija nieqsa jew le irreġistrati.

L-iżball aktar komuni - ħażin Tintwera element huwa nieqes referenza għal viżibilità tagħha fuq pożizzjoni assoluta jew relattiva. Kultant jistgħu jaħdmu biex tispeċifika l-istil direttament fuq l-element u mhux l-istil tiegħu. Fil-każ tal-aħħar, huwa mod barra, iżda huwa primarjament jitkellem dwar xi tip ta 'żball fil-kodiċi.

Stil għandu jkun fil-klassi jew ID stil. Tipponta istil fuq l-element għandu biss f'każijiet eċċezzjonali.

Bl-użu jQuery.css (z-indiċi, 123) tista 'wkoll twassal għal żball, jekk mhux applikati għall-klassi jew identifikatur. Barra minn hekk, jQuery - għodda żvilupp tassew notevoli. Madankollu, qabel ma inti tapplika, ma iweġġgħu li jaħsbu: huwa possibbli li jitwarrbu l improvizzati ifisser HTML / CSS, z-indiċi - mhix regola li ma tkunx teħtieġ attenzjoni immedjata.

moviment korretta tal-saffi loġika, u

Perfetta Page - ċatt. Fi kwalunkwe każ, qabel ma l-immaġni tridimensjonali reali fil-bogħod skala massiva, u mhux fil din il-ħtieġa partikolari. websajts Moderna - huwa kompiti esperjenza reali, reali tad-dinja. Huma biss jeħtieġ li jaħdmu tajjeb u juru immaġini tridimensjonali fissa.

Mill-mod, il-fenomenu ta ' l-inżul paġna (inżul paġna) fil-forma ta' għażliet "bini sit" - l-aħjar prova li l-forma ċatta rettangolari u niexef, iżda l-kontenut estremament preċiż - wkoll tajba u prattiku. Iżda għandu jiġi nnutat li s-siti tal-kumpaniji monopolju mwaħħla mal-ħaġa prinċipali tagħhom - il-wiċċ tal-kumpanija, il-funzjonalità u l-qawwa tal-produzzjoni tagħha. Monsters Information Technology ħass li inżul paġni - huwa negozji żgħar jiffaċċjaw, aċċessorji, Herbalife u oħrajn "dehbijiet."

Simili jew le, fil-fatt korretta, il-futur ser juru. Huwa importanti li mhux biss jagħmel sens li żebgħa fil-kontenut saffi, iżda wkoll biex jiġi żgurat moviment kif suppost bejniethom fi kwalunkwe varjant ta 'bini ta' websajt.

Eċċellenti soluzzjoni - Ajax (paġna tiġi aġġornata kif meħtieġ). Saħansitra aktar soluzzjoni promettenti, meta il-paġna turi li hemm bżonn f'dan il-punt tat-tieqa browser.

Fil-fatt, z-indiċi - dan CSS regola sempliċi. L-għan tagħha - biex juru l-livell tal-lametta sabiex il-browser tista 'tiddetermina meta l-element wiri u liema parti ta' dan l-element se jkun viżibbli. Saff u l-paġna - kunċett ħafna relattiv, minħabba li huwa problematiku li disinn il-paġna u jżomm f'moħħu l-tifsira tar-Regola z-indiċi għall-wiri kontenut differenti.

Tipikament, żviluppatur jagħżel numru favoriti, u jagħtiha lill tikketti kollha fir-ringiela, u l-fatt li għandna biex b'xi jispikkaw, tassenja n-numru li jmiss. Jagħtu importanza lill-saffi u l-livelli ta 'paġni - mhux prattiċi partikolarment progressiva u promettenti.

Madankollu, jekk il-semantika jiċċaqalqu z-indiċi għal djalogu mal-viżitatur, huwa possibbli li jinħoloq effett prattiku. Simili għal kif tags jistgħu jiġu superimpost fuq xulxin, huwa possibbli li tiġi imposta djalogu (viżitatur sit) u jwettqu moviment bejniethom. Minn din il-perspettiva, l-applikazzjoni tar-regoli tal CSS z-indiċi jidhirx li hija possibbli ħafna u prattiku.