CSS z-index: Pêşek, milkên

Rule CSS z-index - rûpel helwesta element hevahengî Z: asta element display an jî layer ku ew ziman lê dikeve. Tag ku mezintir z-index dê di full nîşan dan. Tags bi li gor pergala ku ew di herikîna höndör û dirûvên xuya nîşan dan. приоритет видимости. nirxa Z-index pêşanî visibility tęne.

Em divê rêz ji gerokên modern û hêmanên algorîtmayên display bidin. Ji ber ku rojên ku graphics û mesajek girtin avakirin perçeyên pirsgirêka clipping dîtin û nayên dîtin ji hêmanên di paceya serlêdanê de, naveroka teknolojîya display xuya encamên baş gihîşt. Di lapereyek browser, hemû hêmanên bi rast nîşan, di user dibîne, bi tenê tiştên ku design an pêşvebirinê ve hatiye diyarkirin.

The nerîtek giştî: ku nîzama û asta

The stream input (rûpel avakirin server) sequentially xwendin geroka. All tags de li gor qaîdeyên CSS, yê tu dixazê û dikarin tevîhev.

Ev nimûne çar element xuya de rave dike. Her serkewtu yek in a yek berê. Li cihên ku ji tags tên derbaskirin, e pirsa pêşanî hene. Lê wek nerîtek z-index tags CSS ji bo van hemû eynî û ji bo 848 wekhev, pishtî wê bibe ku element ku diçe wekî wiha ne. Hemû yên ku dolabê ji bin her yek ji hêmanên din, xuya ye.

visibility desthilata

Gerokên li gor rêbaza dîtbariyê bi tenê "adil". Ku li ba bi rêbazeke ku destûrê dide te ku analîz hemû jiyankirin, derewîn û bi tenê dikarî wan bi kar tînin, ku di rastiyê de rastî hev tên, ji bilî wan deran bi ku ji aliyê her yek element dûhev de bihelînin - gelekî zehmet e.

Di piranîya rewşan de ev ne pêwist e. alavên Modern pir bi lez e, û bala redraw element ji bo xala ku ew dê hêmana pêş asteng e, gelek pirsgirêk.

Bandor li ser array element li

Têrê bike ji tag sêyemîn scCSS3 zêdekirina z-index, û li scCSS4 - ji bo kêm, wêne, total guhertin. Bûyer hêmanên li newala eynî dimîne:

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

Ev divê bê diyarkirin, ku picture duyemîn e di rastiyê de heta qada zêdetir xuya dike. The picture sêyem heman e. Ji bilî vê, ev ji du beşan (du hêkan), ji dûr ve ji hev û din pêk tê.

Mezinahiya bi rastî yên li herêmên, ku images duyem û sêyem de cîhekî bi zer û gewr rêzê kirpandin.

Kombînasyona ji z-index bo background-color

Ev divê bê diyarkirin, ku taybetiyên background CSS & z-index hev du temam dikin. Hemû hêmanên-level block, û tu kesî din, her tim li herêmê lakêşeyî avakirin, ji aliyê herî zêde height û herî zêde width ji naveroka dagir bike.

Bikaranîna images, tu dikarî element warê form bide, di heman demê de li dora wî li wir tim rectangle wê. Ev rastiyek e ku ev girîng e ku meriv nav account baş e.

Tu dikarî nivîsa li ser şiklê riya hilbijartin cihekî, lê eger tu ne, naveroka taku tu element di box çargoşeyê dîk e, êdî, li ser derketina ya li input.

Bikaranîna milkên CSSê z-index di element ku background-color value transparent (a kind of şefafî) e, dikarin xwediyê canekî circuit (lasayî). Tevî ku di her rewşê de li element rastiya lakêşeyî ye.

Events û berbiçav

Li cihên ku hêmana bi hêmaneke din jî hate astengkirin, ji ber bûyerên xebata wê ne. Lê wek nerîtek giştî, eger babete e ji ber çavê, ku ew jî herêma hebûna ye.

Eger pêşvebirinê dixwaze lock button an menu babetî jî, ew dikare baş li ser tag hepiskirin li tag din, bê bicîkirin belkî a transparent (wek nimûne, bi bikaranîna bi serweriya Tarîtiyê CSS), lê di her rewşê de, hebûna CSS mezintir z-index.

Ji ber ku bûyer, ji aliyê bikarhêner ve, nikare were nav têkildar de dubendî û qet ne, hingê cara (raperîn bo ku mişk, bi israr bişkokên random li ser Klavyeya, sînyala timer) dikarin bên bikaranîn ji bo ku guhdaneke guhertina naveroka in browser window ya.

A mînak danê: mêhvanên hatiye koçî de şanîdera mişkê li ser babete menu de, lê hê biryar ne ji bo tiştekî. Pêşvebir nikaribû bûyereke danin tevgera diyalogê ji bo xala divan ne (click - mêhvanên biryarê) û wateyeke naveroka têra. Rule CSS z-index herî baş ji bo bi minasebeta esasê de ye.

format Picture

Ji ber ku images in an maddî avahiya herî girîng ji bo hemû site (beauty, modernîteya, fonksiyonên - norm asayî yên tiştan e), ew girîngiyeke mezin ji bo hilbijartinên format image e.

By û mezin, tu dikarî hemû cîhêreng ên ji formatên heyî bi kar tînin, di heman demê de di warê praktîkbûn û bandora wê pir maqûl e ji bo dagîr * .png bo images statîk û * .gif - ji bo pictures, maseya. * .jpg Popular e jî baş e, lê destûr nade, nermbûneke ku destwerdanê di qada display de.

bugs Browser û pêşvebirinê

Ne, ku pir caran dozê de, dema ku CSS z-index bi kêr nayê, di heman demê de ev yek diqewime. Termên Nûneratiyên style Qebûlkirinê te her tim bixebitin, û di volume yên file style caran bigihîne cildên girîng. Dema tiştek ji Bilişim ne, an jî hema tune ne, tiştên ku divê bibe, divê pêşî code xwe bi xwe jî, wê nîşanên çavlêgerandina (browser) xwe û dîsa biceribîne code xwe bi xwe de.

Interpreting HTML û CSS, geroka e hema hema nayê sedema ku ne - ew axiom e. Eger babete xwest tiştekî neke, wê, di design ji CSS {position: absolute; z-index: 112233; milê çepê: 10px; top: 20px; } ... tiştek winda ye an ne tomarkirin.

Şaşiya herî - çewt element Shown kêm a reference to visibility xwe li ser helwesta mitleq an xizmek. Carna dikare kar ji bo xwe diyar bike ji style rasterast li ser element e û bi stîla xwe ne. Di doza dawîyê de, ew bi awayekî derve ye, di heman demê de ku di serî de li ser hin kind of error di code re dipeyivîn.

Style, divê li class an ID ya style be. Helalî style li ser element, divê tenê di rewşên awarte de.

Bikaranîna jQuery.css (z-index, 123) jî dikarin ji çewtî rê, eger ji bo çîna an naskirin serî ne. Li gel vê, jQuery - alaveke pêşvebirina biqîmet. Lê belê, berî ku tu serî lê bidin, ziyanê ne bi guman: mumkin e ev ji bo çênabin bi meşek tê wateya HTML / CSS, z-index - e nerîtek ku nayê bala yekser ne hewce ne.

tevgera rast ji tebeqeyên mentiqî, û

Perfect Page - teqiyaye. Di her rewşê de, li ber rast image sê-alî di pîvaneke mezin de, û ne di vê pêwîstî bi taybetî. Malperên Modern - ew erkên tecrubeya rast, rast-cîhanê ye. Ew tenê divê baş bixebitin û nîşan wêneyekî sê-alî teqiyaye.

Di vê navê de, dîyardeya rûpel bi daxistinan ji (rûpel bi daxistinan) di forma options "cihê avakirinê" - delîla herî baş ku shape dûz lakêşeyî û zuha, di heman demê de gelek naveroka vebir - her baş û pratîk. Lê belê, divê bê diyarkirin ku malperên ji şîrketên yekdestdariya ji bo ya herî sereke wan de xençerek - rûyê company, fonksiyonên û hêza hilberîna wê. Information Technology Monsters hest pê kir ku rûpelên bi daxistinan - ev şîrketên piçûk bi rû, accessories, Herbalife û yên din "jewelry."

Like it an ne, di rastiyê de kontrol bike, di pêşerojê de wê nîşan bide. Ev girîng e ku ne tenê jî wateya ji paint li naveroka kêmxwendî, di heman demê de jî ji bo misogerkirina tevgera dik'eve, di navbera wan de, li her guhertoya avakirina website.

çareseriya Nayab - AJAX (rûpel ya ku weke pêwîst ve). Even çareseriyê hêviyê zêdetir, gava ku tê nîşan dide ku, ew di vê nuqteyê de ji browser window de pêwîst e.

Di rastiyê de, z-index - ev CSS desthilata sade. armanca xwe - ji bo nîşan bide ku di dereca tag, da ku gerokê diyar dema ku element display û ku beşek ji ev element xuya bibe. Layer û rûpel - Nerîneke pir relatîf e, ji ber ku ev pirsgirêk ji bo sêwirandina rûpel û di hişê xwe de bigirin wateya Rule z-index ji bo nîşandana naveroka cuda ye.

Bi gelemperî, pêşvebirinê bibijêre, hejmara favorite, û ew dide hemû tags li pey hev, û ji ber ku em ji bo bi awayekî bisekine derve, bo diyarkirina hejmara next. Gelekî girîng bi tebeqeyên û astên pages - e pratîkên bi taybetî pêşverû û hêviyê nade.

Lê belê, heke xwebêj move z-index ji bo diyalogê û bi mêvanan, mimkun e ji bo avakirina bandoreke bêhempa. Manend ên ji bo çawa tags dikare li hev û din jêre, mimkun e ji bo sepandina diyalogê (mêhvanên site) û pêkanîna tevgera di navbera wan de. Ji vî alî de, pêkanîna qaîdeyên CSS z-index xuya dike ku pir beraqil û pratîk.