CSS z-index: mwachidule, katundu

Kulamulira CSS z-index - tsamba mchitidwe malo ntchito Z: mlingo wa zinthu kayanso wosanjikiza imene ili. Tag kuti ali z-index ambiri chidzazirala kuwonetsedwa mu zonse. Tags anasonyeza kuti iwo kuwonekera otaya lilinkudza ndipo alipo. приоритет видимости. Z-index mtengo ndiyo aone patsogolo.

Tiyenera kupereka msonkho kwa asakatuli ano ndi zinthu ma aligorivimu kudzionetsera. Kuyambira masiku pamene zithunzi ndi zowonetsera analanda anapanga mbali zodula vuto zooneka ndi zosaoneka mbali mu ntchito zenera, zooneka anasonyeza luso zili wafika kwambiri. Mu osatsegula zenera, zinthu zonse anasonyeza molondola, wosuta amaona okha zimene zinatchulidwa kamangidwe kapena mapulogalamu.

The Tinganene: kuti ndi mlingo wa

Athandizira mtsinje (tsamba anapanga makina) sequentially limati osatsegula. Tags onse anasonyeza malinga ndi malamulo CSS ndipo mwina alipo.

Mwachitsanzo umu anayi kuonekera amafotokozera. Aliyense motsatizana overlaps imodzi yapita. Mu malo kumene Tags ndi anawoloka, pali funso lofunika kwambiri. Monga ulamuliro z-index Tags CSS kuti onsewa chomwecho ndi wofanana 848, zidzakhala akuoneka kuti mchitidwe omwe amapita motere. Zonse peeks kuchokera pansi aliyense wa chinthu chotsatira, zikuoneka.

ulamuliro aone

Asakatuli kusunga malamulo a aone okha "chilungamo". Kuti abwere ndi aligorivimu kuti amalola kudziwa imposition onse aakulu ndi ntchito okhawo amene makamaka intersect, kupatulapo mbali zimene chosakanikirana ndi aliyense walowa motsatizana - zovuta.

Nthawi zambiri izi si koyenera. zida zamakono ndi kudya kwambiri, ndipo zindikirani redraw mchitidwe poti izo ndigwire chinthu chotsatira, ndi mabvuto kwambiri.

Mphamvu pa khamu amafotokozera

Wokwanira kwa opatsidwa lachitatu scCSS3 kuonjezera z-index, ndi pa scCSS4 - kuchepetsa izo, chithunzi okwana anasintha. The ndondomeko ya zinthu mu mtsinje akanali yemweyo:

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

Tikumbukenso kuti raturatu yaciwiri kwenikweni amatenga malo kuposa zikuwoneka. Chithunzi lachitatu chimodzimodzi. Komanso, tichipeza zigawo ziwiri (mazira awiri) pa mtunda Chrixitu.

Kukula enieni a zigawo, amene kutenga zithunzi wachiwiri ndi wachitatu zili mu chikasu ndi imvi motero.

Kuphatikiza z-index kuti maziko-mtundu

Tikumbukenso kuti katundu wa CSS maziko & z-index azigwirizana. Onse zinthu chipika mlingo, ndi zina, nthawi zonse zatenga malo amakona anayi popangidwa ndi kutalika pazipita ndipo m'lifupi pazipita zili.

Ntchito zithunzi, mukhoza kupanga aliyense mchitidwe mawonekedwe kutchire, koma momuzungulira nthawi zonse kukhala rectangle. Ndi chakuti n'kofunika kuganizira bwino.

Mutha lemba pa njira anasankha mawonekedwe, koma ngati inu simutero, zili amapatsidwa mbali iliyonse mu bokosi amakona anayi, successively, pa chiphaso cha athandizira lapansi.

Ntchito katundu CSS z-index mu mchitidwe amene maziko mtundu mtengo chimaonekera (a mtundu wa chilungamo), angatengere aliyense mchitidwe dera. Ngakhale Mulimonsemo kwenikweni amafotokozera ndi anayi.

Events ndi zinthu zooneka

M'madera amafotokozera ali watsekedwa ndi mbali inanso, nkhani izo sizigwira ntchito. Tinganene, ngati katunduyo ndi pamaso, iyenso ndiye zoni kupezeka.

Ngati mapulogalamu akufuna logwirana batani kapena menyu item, zikhoza pamwamba pa lanu opatsidwa chiziwitso, mwinanso ndi mandala (mwachitsanzo, pogwiritsa ntchito ulamuliro wa CSS Kuwonekera), koma Mulimonsemo, ndi apamwamba CSS z-index.

Chichitikireni, kuchokera wosuta maganizo, akhoza kugawidwa mu zogwirizana ndi mulibe chilichonse otsiriza (ikuyenda mbewa, kukanikiza mabatani mwachisawawa pa kiyibodi, ndi powerengetsera mbendera) angagwiritsidwe ntchito mokwanira kusintha zili mu osatsegula zenera.

Chitsanzo losavuta: mlendo kwapita mbewa Cholozera pa menyu item, koma sanasankhebe kuchita chinachake. mapulogalamu The akanapereka chochitika younikira kayendedwe ka kukambirana mpaka anakhumba (dinani - mlendo amalingalira) ndipo muzisonyeza zili zokwanira. Rule CSS z-index ndi yabwino yoti mwambowu.

Chithunzi mtundu

Popeza zithunzi ndi yofunika zomangila kwa malo (kukongola, modernity, magwiridwe - ndi m'chigulugulu mwachizolowezi zinthu), ndi zofunika kwambiri chifukwa zisankho chithunzi mtundu.

Ndi lalikulu, mungagwiritse ntchito zosiyanasiyana zonse akamagwiritsa alipo, koma mawu a zothandiza ndi moyenerera n'zomveka ndithu kuti akunjate * .png kwa mafano malo amodzi ndipo * .gif - zithunzi makatuni. Popular * .jpg ndi zabwino, koma salola kusinthasintha kwa kusintha malo kudzionetsera.

nsikidzi Browser ndi mapulogalamu a

Osati nthawi zambiri, pamene CSS z-index sachiza, koma zimachitika. Terms of mapepala cascading kalembedwe nthawi zonse, ndi buku la kalembedwe file zambiri kufika mabuku kwambiri. Pamene chinachake si anasonyeza, kapena alibe zimene zikuyenera kukhala, choyamba tiyenera kuonanso malamulo anu, ndiye kuchotsa osatsegula posungira wanu ndi kuyesa malamulo anu kachiwiri.

Akutanthauzira HTML ndi CSS, osatsegula pafupifupi salakwitsa - izo ndi axiom. Ngati item anakhumba satero, ndiye, mu kamangidwe ka CSS {malo: mtheradi; z-index: 112233; kumanzere: 10px; pamwamba: 20px; } ... chinachake akusowa kapena sizinalembedwe.

Ambiri kulakwitsa - cholakwika Kusonyeza mchitidwe akusowa mawu onena kuti aone ake pa udindo mtheradi kapena wachibale. Nthawi zina mukhoza ntchito kuti mwachindunji kalembedwe mwachindunji amafotokozera ndi si kalembedwe wake. Zikatero, ndi njira yotulukira, koma kwenikweni akuyankhula zokhudza mtundu wina wa cholakwa code.

Kalembedwe ayenera kukhala mu kalasi kapena ID kalembedwe. Ponena kalembedwe pa mchitidwe wa ampicillin milandu yapadera.

Kugwiritsa jQuery.css (z-index, 123) amathanso kuyambitsa kulakwitsa, ngati si ntchito kwa kalasi kapena dzina. Komanso, jQuery - ndi chitukuko wochititsa chidwi chida. Komabe, musanayambe ntchito, Usadzipweteka kuganiza kuti: kodi n'zotheka yoperekera ndi improvised zikutanthauza HTML / CSS, z-index - si lamulo kuti sikutanthauza tcheru nthawi yomweyo.

Kukhoza kayendedwe ka zigawo zomveka, ndipo

Wangwiro Page - mosabisa. Mulimonsemo, pamaso weniweni atatu azithunzi omwe tikunena fano mu kutali lonse chachikulu, osati kufunika imeneyi. Websites Modern - ndi ntchito zinachitikira kwenikweni, dziko lonse. Iwo basi ayenera bwino ndi kusonyeza lathyathyathya atatu azithunzi omwe tikunena fano.

Mwa njira, chodabwitsa ndi ndegeyo tsamba (ankafika tsamba) mu mawonekedwe a options "malo nyumbayi" - umboni bwino kuti lathyathyathya amakona anayi mawonekedwe ndi youma, koma kwambiri yeniyeni zili - komanso wabwino ndi othandiza. Koma tisaiwale kuti malo a magulu okhawo ankadalira awo chinthu chachikulu - nkhope ya kampani, magwiridwe ndi mphamvu yake kupanga. Technology Information mizukwa ankaona kuti masamba ankafika - ndi mabizinesi ang'onoang'ono maso, Chalk, Herbalife ndi ena "zodzikongoletsera."

Ngati kapena ayi, zoona zolondola, tsogolo adzakusonyezani. Nkofunika kuti si bwino kujambula mu zigawo okhutira, komanso kuonetsetsa kuyenda moyenera pakati pa iwo pa zosinthika aliyense wa kumanga webusaiti.

Kwambiri njira - AJAX (tsamba ndi kusinthidwa akamavutika). Ngakhale kwambiri zingamuthandize njira, pamene tsamba limasonyeza kuti m'pofunika pa mfundo imeneyi osatsegula zenera.

Ndipotu, z-index - imeneyi ulamuliro CSS. cholinga chake - kusonyeza mlingo wa chizindikiritso kuti osatsegula angathe kudziwa pamene kuwonetsera amafotokozera ndi mbali ya chinthu ichi adzakhala kuonekera. Wosanjikiza ndi tsamba - lingaliro wachibale kwambiri, chifukwa ndi mabvuto kupanga tsamba ndi kukumbukira tanthauzo la Lamulo z-index zili zosiyana kudzionetsera.

Childs, mapulogalamu akasankha nambala amakonda ndipo akuupereka kwa Tags onse mu mzere, ndi chakuti tili mwanjira kuoneka, anapereka nambala yotsatira. Ngofunika kwa zigawo ndi kuchuluka kwa masamba - alibe vutoli zingamuthandize miyambo.

Komabe, ngati kusuntha manenedwe z-index ndi kukambirana ndi mlendo, n'zotheka kulenga zotsatira zopindulitsa. Zofanana ndi mmene Tags akhoza superimposed pa wina ndi mnzake, n'zotheka zoika kukambirana (malo mlendo) ndi kuchita kuyenda pakati pawo. Mmene izi, kugwiritsa ntchito malamulo a CSS z-index Zikuoneka kuti zotheka kwambiri ndi othandiza.