CSS z-index: guudmar, guryaha

Tali CSS z-index - booska element bogga isku xirka Z: heerka cunsurka bandhigay ama lakabka ah oo waxa uu ku yaalaa. Tag in uu leeyahay weyn z-index lagu soo bandhigi doonaa in buuxa. Tags waxaa lagu soo bandhigaa si ay u muuqan in socodka hayay iyo xirmi. приоритет видимости. qiimaha Z-index go'aamiso mudnaanta aragti ah.

Waa in aan bixin cashuur daalacashada casriga ah iyo xubno ka algorithms bandhigay. Tan iyo wakhtigii naqshadeynta iyo screens qabsaday sameeyay qeybo ka mid dhibaato timmaha la arki karo iyo la arki karin xubno ka furmo codsiga, content technology bandhigay muuqda ayaa gaadhay natiijooyin fiican. In suuqa kala browser ah, xubno ka dhan si sax ah soo bandhigay, user u arkaa oo keliya waxa la cayimay design ama sameeysa.

Xeerka guud: amarka iyo heerka

durdur la gelin (bogga server sameeyay) sequentially The akhriya browser ah. Dhamaan tags waxaa lagu soo bandhigaa si waafaqsan xeerarka CSS iyo daboolaa laga yaabaa.

Tusaale ahaan wuxuu qeexayaa afar element arki karo. isku xigta kasta oo ka mid ah overlaps hore. In meelaha tags waxaa lagu soo gudubtay, waxaa jira su'aalo ku saabsan mudnaanta. Sida a tags CSS xukunka z-index Waayo, kuwaas oo dhan isku mid ah iyo si siman u 848, waxa ay noqon doontaa muuqata element wixii tagaa sida soo socota. in dhammaan ka soo hoos kasta oo ka mid element ka soo socda peeks soo baxay, sida muuqata.

xeerka aragti

Daalacashada dhawraan xeerarka aragti keliya "cadaalad". In ay la yimaadaan isku geynta ah in kuu ogolaanayaa inaad si ay u falanqeeyaan oo dhan rogida guud iyo isticmaal oo keliya kuwa dhab ahaan midaysan, marka laga reebo kuwa qaybo ka mid kuwaas oo u nuugo element kasta oo isku xigta - waa mid aad u adag.

Xaaladaha intooda badan tani ma aha lagama maarmaan. qalabka casriga ah waa mid aad u dhakhso ah, iyo isku aragto redraw element illaa iyo heer ay u xiri doonta element soo socda, waa mid aad u dhibaato.

Saameynta isugu soo element ah

Waxaa ugu Filan in tag saddexaad kordhin scCSS3 ah z-index, iyo scCSS4 - si aan u yareeyo, sawirka guud la bedelo. isku xigxiga ee canaasiirta in webigu isku mid:

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

Waa in la ogaadaa in sawirka labaad waa dhab qaadataa ilaa meel ka badan waxa ay u muuqataa. Sawirka saddexaad waa isku mid. Intaas waxaa sii dheer, waxa ay ka kooban tahay laba qaybood (laba ukunta) meel fog ka soo midba midka kale.

size dhabta ah ee gobollada, kaas oo mashquulin sanamyada labaad iyo saddexaad ayaa lagu muujiyey jaalaha ah iyo cawl siday u kala horreeyaan.

isku dhafan ee z-index in asalka-color

Waa in la ogaadaa in sifooyinka soo jeeda CSS & z-index dhameystir kasta oo kale. Dhamaan xubno heer-block, iyo wax kasta oo kale, had iyo jeer mashquulin meel qaab la aasaasay by height ugu badan iyo width ugu badan ee ka kooban.

Isticmaalka images, waxaad samayn kartaa wax kasta oo element foomka beerta, laakiin isaga ku wareegsan waxaa had iyo jeer waxay noqon doontaa leydi. Waxaa xaqiiqo ah in ay muhiim tahay inay tixgeliyaan si sax ah.

Waxaad u dhigi karto text on qaabka Jidka xulay ah, laakiin haddii aadan samayn, content helo in element kasta oo sanduuq qaab, israac, Marka la helo talooyin ah.

Isticmaalaan sifooyinka CSS z-index in element, kuwaas oo asal-color qiimaha waa hufan (nooc ka mid ah hufnaan), la jaanqaadaan kartaa wax kasta element circuit. In kasta oo ay dhacdo in kasta oo element dhabta ah uu yahay qaab.

Dhacdooyinka iyo xubno la arki karo

In meelaha element ay xiran by element kale, dhacdooyinka ma shaqayn doonaan. Sida caadiga ah, haddii ay wax ka maqan yahay hortiisa, isaguna waa zone helitaanka.

Haddii horumariyaha ah ayaa doonaya in uu quful button ama menu shayga, waxaa laga yaabaa in si fiican la yeellay tag quful ku tag kale, laga yaabee hufan ah (tusaale ahaan, iyadoo la isticmaalayo xukunka sentigiiba CSS), laakiin ay dhacdo in kasta oo, isagoo ah CSS sare z-index.

Tan iyo markii ay dhacdo, ka user ee aragtida, waxa loo qaybin karaa khusayso oo aan haysan wax, ka dibna la soo dhaafay (dhaqaaqin jiirka, adiga oo riixaya badhanka random on keyboard ah, signal saacad ah) waxaa loo isticmaali karaa si ku filan u beddeli content ee suuqa kala browser ah.

Tusaale A fudud: booqde ah ayaa tilmaamaha mouse ku saabsan furidda shayga, laakiin aan weli ku go'aansadeen in ay wax ka qaban. sameeysa ayaa bixin kara dhacdo si ay ula socdaan dhaqdhaqaaqa wada hadal si ay dhibic la doonayo (riix - booqde go'aansado) iyo muujiyaan content ku filan. Rule CSS z-index waa haboon munaasabadda.

format Picture

Tan iyo images waa wax an dhismaha muhiim u site kasta (beauty, casriga, shaqeynayaan - Waa iska caadi ah caadiga ah ee wax), waa muhiimad weyn u doorato qaab image.

By waaweyn iyo, waxaad isticmaali kartaa noocyo kala duwan oo ka mid ah qaabab jira oo dhan, laakiin marka la eego qaabka iyo waxtarka waa arrin macquul ah in lagu go'doomiyo * .png for images ma guurto ah iyo * .gif - sawiro kartoon ah. .jpg * Popular sidoo kale waa wanaagsan tahay, laakiin waxa aan u oggolayn dabacsanaan si ay u xukumid meel bandhigay.

cayayaanka Browser iyo horumariyaha ah

Ma aha inta badan kiiska, markii CSS z-index uma shaqeeyo, laakiin waxa dhacaya. Terms of sheets style ahina uu had iyo jeer ka shaqeeyaan, iyo mugga of file style inta badan ay gaaraan mugga weyn. Marka wax aan la soo bandhigay, ama aadan haysan waxa waa in ay noqdaan, waa in marka hore hubi code gaar ah, ka dibna ay nadiifiso khasnado browser iyo mar tijaabino code gaar ah.

Turjumidda HTML iyo CSS, browser dhow yahay ma qaladaad samayso - waa cadayn ah. Haddii shayga la doonayo ma, ka dibna, in design ah ee CSS {booska: waadaxa ah; z-index: 112233; bidix: 10px; top: 20px; } ... wax ka maqan ama ma duubay.

The qalad ugu caansan - qaldan tusi element maqan yahay tixraac in ay aragti ah oo ku saabsan jagada ugu wayn ama qaraabo. Mararka qaarkood ku shaqayn karaa in la qeexo qaab si toos ah on element iyo ma aha in uu style. Xaalada danbe, waa hab soo baxay, laakiin waxa ay ugu horayn waxa hadalka ku saabsan nooc ka mid ah Baadi in xeerka.

Style waa in ay style fasalka ama aqoonsiga. Fiiqaya style on element kaliya ee waa in xaalado gaar ah.

Isticmaalka jQuery.css (z-index, 123) ayaa sidoo kale laga yaabaa inay qalad, haddii aan laga codsadaa in ay fasalka ama aqoonsi. Intaa waxaa dheer, jQuery - qalab si dhab ah la taaban karo horumarka. Si kastaba ha ahaatee, ka hor inta aadan dalban, waxba kuma yeeli in ay ka fekeraan: waxaa suurtagal ah in Bixin la macmalay oo macnaheedu yahay HTML / CSS, z-index - ma aha sharci in aanu u baahan yihiin fiiro deg-deg ah.

dhaqdhaqaaqa saxda ah ee lakabyada macquul ah, iyo

Perfect Page - guri. Si kastaba ha ahaatee, ka hor inta image dhabta ah saddex dhinac-cabbir ah ee fog baaxadda weyn, oo ma u baahan this gaar ah. websites Modern - waa a hawlo waayo-aragnimo dhab ah, dhab-dunida. kaliya waxay u baahan yihiin in ay si fiican u shaqeeyaan oo ay u muujiyaan a flat image saddex dhinac-cabbir ah.

By habka, arrin ku bogga degtey (bogga degtey) ee foomka of fursadaha "dhismaha site" - caddaynta ugu fiican in qaabka guri qaab oo qalalan, laakiin aad u content dhabta ah - sidoo kale wanaagsan oo wax ku ool ah. Laakiin waa in la ogaadaa in goobaha shirkadaha monoboli ku xayiran in ay wax ugu weyn ee - wejiga shirkadda, wax soo saarka ka shaqeynayaan iyo xoog. Information Technology wuxuush dareemay pages degtey in - waa ganacsiyada yaryar ka fool, accessories, Herbalife oo kale "dahabka."

sidaas oo kale ah ama aan, dhab ahaantii saxda ah, mustaqbalka tusi doonaa. Waxaa muhiim ah in aan kaliya macno u rinjiga in layers content, laakiin sidoo kale si loo hubiyo in dhaqdhaqaaqa habboon u dhaxeeya ee kala duwanaansho ka mid ah dhisidda website a.

xal u fiican - Ajax (page waa la cusboonaysiiyaa sidii loogu baahdo). Xataa xal ka rajo, marka bogga muujinaysaa in ay lagama maarmaan tahay markan ee suuqa kala browser ah.

Dhab ahaantii, z-index - this CSS sharci fudud. Ujeeddada - si ay u muujiyaan heerka tag si browser ee go'aan ka gaari kara marka element bandhigay iyo taas oo qayb ka ah element this noqon doonaa arki karo. Lakabka iyo bogga - fikradda aad qaraabo, maxaa yeelay, waa dhibaato si aad ugu qorshayso bogga iyo maskaxda ku hayso macnaha Rule z-index for bandhigay content kala duwan.

Sida caadiga ah, sameeysa doorto tiro jecel yahay, oo uu siiyo ku dhan tags oo isku xigta, iyo xaqiiqda ah in aynu u leeyihiin in bartey u istaagaan soo baxay, meelaynayaa tirada soo socota. si lakabyada iyo heerka of pages lifaaq muhiimadda ay leedahay - ma aha dhaqanka gaar ahaan horumar iyo rajo.

Si kastaba ha ahaatee, haddii kelmedo dhaqaaqo z-index in wada hadalka ay la booqdaha, waxaa suurto gal ah in la abuuro saamayn wax ku ool ah. La mid ah sida ay tags la superimposed kartaa on midba midka kale, waxaa suurtagal ah in ay ku soo rogi wadahadal (booqdaha site) ah oo uu ku sameeyo dhaqdhaqaaqa u dhaxeeya. Marka laga eego this, codsiga ah ee xeerarka CSS z-index muuqataa in ay tahay mid aad u macquul ah oo wax ku ool ah.