CSS z-index: wani bayyani, Properties

Sarauta CSS z-index - page kashi matsayin daidaita Z: matakin da nuni kashi ko Layer a cikin abin da aka located. Tag cewa yana da z-index mafi girma za a nuna a cike. Tags aka nuna a cikin tsari da suka bayyana a cikin shigowa kwarara da kuma zoba. приоритет видимости. Z-index darajar kayyade ganuwa fifiko.

Dole ne mu biya haraji ga zamani bincike da kuma lissafi mai tsauri nuni abubuwa. Tun daga zamanin lokacin da graphics da kuma kama fuska kafa clipping matsalar bayyane da kuma ganuwa sassa na abubuwa a cikin aikace-aikace taga, bayyane nuni da fasaha abun ciki ya kai kyau kwarai da sakamakon. A wani browser taga, duk abubuwa suna nuna daidai, mai amfani gani kawai abin da aka kayyade zane ko developer.

A general mulki: da oda da kuma matakin na

The labari rafi (page kafa server) sequentially karanta browser. All tags aka nuna a daidai da CSS dokoki da kuma na iya zoba.

Wannan misali bayyana hudu a bayyane kashi. Kowane m overlaps a baya daya. A wuraren da tags suna ketare, akwai wata tambaya na fifiko. Matsayin mai mulkin z-index CSS tags ga duk wadannan guda da kuma daidaita 848, shi zai zama na fili da cewa kashi wanda ke a matsayin haka. Duk da cewa peeks fita daga karkashin kowane daga cikin na gaba kashi, a fili.

mulki Ganuwar

Bincike da tsayar da dokoki na ganuwa kawai "m". Don fito da wani algorithm cewa ba ka damar bincika duk babban danniyan da kuma amfani ne kawai wadanda da cewa a zahiri rarraba, ban da wadanda sassa wadda ake tunawa da kowane m kashi - yana da wuya.

A mafi yawan lokuta wannan ba lallai ba ne. Modern kayan aiki ne sosai da sauri, da kuma lura da redraw kashi ga zance inda zai toshe gaba da rabi, shi ne sosai matsala.

Tasiri a kashi tsararru

Isar da shi zuwa ga uku tag scCSS3 kara da z-index, da kuma a scCSS4 - don rage shi, jimlar hoto da aka canza. A jerin abubuwa a cikin rafi kasance iri guda:

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

Ya kamata a lura da cewa biyu hoto ne ainihin daukan up more sarari fiye da alama. The uku hoto ne guda. Bugu da ƙari kuma, shi kunshi sassa biyu (biyu qwai) a nesa daga juna.

Da ainihin girman da yankuna, wanda zauna na biyu da na uku da hotuna suna alama a cikin rawaya da launin toka bi da bi.

A hade da z-index ga bango-launi

Ya kamata a lura cewa da kaddarorin CSS bango & z-index gaba da juna. All block-matakin abubuwa, da kuma wani, ko da yaushe zauna a rectangular yanki kafa ta matsakaicin tsawo da matsakaicin nisa daga cikin abun ciki.

Amfani da hotuna, za ka iya yin wani nau'i filin kashi, amma a kusa da shi akwai zai zama ko da yaushe wani murabba'i mai dari. Kuma gaskiya ne cewa yana da muhimmanci a yi la'akari da yadda ya kamata.

Za ka iya sanya rubutu a kan wani hanya zaba siffar, amma idan ba ka aikata ba, da abun ciki da samun duk wani kashi a cikin wani rectangular akwatin, jẽre, a kan samu na shigar.

Amfani da kaddarorin CSS z-index a cikin kashi wanda baya-launi darajar ne m (a irin nuna gaskiya), za a iya koyi da wani rangadi kashi. Ko da yake a wani hali a gaskiya kashi ne rectangular.

Events da bayyane abubuwa

A wuraren da rabi ana katange da wani kashi, abubuwan da suka faru da shi zai yi aiki ba. Kamar yadda wani janar mulki, idan abu ne daga wurin, ya kuma shi ne samuwar zone.

Idan wani developer son kulle button ko menu abu, shi iya da kyau a sanya a kan kulle tag wani tag, watakila wani m (misali, ta amfani da mulki na CSS shirin hana haske), amma a cikin wani hali, da ciwon mafi girma CSS z-index.

Tun da taron, daga mai amfani da ra'ayi, za a iya raba dacewa da kuma ba da wani, sa'an nan na karshe (motsi da linzamin kwamfuta, latsa bazuwar mashiga a kan keyboard, da mai židayar lokaci siginar) za a iya amfani da mayalwaci canja abun ciki a cikin browser taga.

A sauki misali: wani baƙo ya koma cikin linzamin kwamfuta akan kan menu abu, amma ba su yanke shawarar su yi wani abu. A developer iya samar da wani taron zuwa waƙa da motsi na tattaunawa da ake so nufi (danna - wani baƙo yanke shawarar) da kuma nuna wani isasshen ciki. Rule CSS z-index ne mafi kyau dace domin lokaci.

Hoto format

Tun images ne wani muhimmin gini abu don wani site (kyakkyawa, wayewar, aiki - shi ne saba kullum na abubuwa), shi ne na bayar da muhimmanci ga image format zabi.

By kuma manyan, za ka iya amfani da duk iri-iri na data kasance Formats, amma cikin sharuddan practicality da kuma tasiri ne quite m zuwa tsare * .PNG domin a tsaye da hotuna da kuma * .GIF - domin mai rai hotuna. Popular * .jpg ne ma mai kyau, amma ba da damar da sassauci sarrafa nuni sarari.

Browser kwari da developer

Ba haka sau da yawa haka al'amarin, a lokacin da CSS z-index bai yi aiki ba, amma shi da ya faru. Sharuddan Cascading Style Sheets ko da yaushe aiki, da kuma ƙara da style fayil sau da yawa kai gagarumin kundin. Lokacin da wani abu bai bayyana ba, ko kawai ba su da abin da dole ne, dole ne da farko duba naka code, sa'an nan share browser cache da kuma gwada naka code sake.

Tafsirin HTML da CSS, da browser shi ne kusan ba ya yin kuskure - shi ne wani axiom. Idan so abu ya aikata ba, to, a cikin zane na CSS {matsayi: cikakkar. z-index: 112233; hagu: 10px; saman: 20px; } ... wani abu da ya bace ko ba rubuta ba.

Mafi na kowa kuskure - ba daidai ba da aka nuna kashi ne m wani tunani ta ganuwa a kan mai cikakkar ko dangi matsayi. Wani lokaci yana iya aiki a saka cikin style kai tsaye a kan kashi da ba ya style. A karshen harka, shi ne hanyar fita, amma shi ne da farko magana game da wasu irin kuskure a cikin code.

Style dole ne ta kasance a cikin aji ko ID style. Nuna salon a kan kashi kamata kawai a na kwarai lokuta.

Amfani jQuery.css (z-index, 123) na iya ma ta kai ga wani kuskure, idan ba amfani da aji ko ganowa. Bugu da kari, jQuery - a gaske na ƙwarai cin kayan aiki. Duk da haka, kafin ka yi amfani da shi, ba ciwo to zaton: shi ne zai yiwu zuwa zasu tafi tare da improvised nufin HTML / CSS, z-index - ba mai mulki da cewa ba ya bukatar nan da nan hankali.

Daidai yunkuri na ma'ana yadudduka, da kuma

Perfect Page - lebur. A cikin wani hali, kafin real uku-girma image a cikin nisa mai kauri sikelin, kuma ba a cikin wannan musamman bukata. Modern yanar - shi ne mai real kwarewa, real-duniya ayyuka. Suna kawai bukatar yin aiki da kyau da kuma nuna wani lebur uku-girma image.

Af, sabon abu na saukowa page (saukowa page) a cikin nau'i na zabin "site ginin" - mafi kyau hujja da cewa lebur rectangular siffar da bushe, amma musamman madaidaici ciki - mai kyau da kuma m. Amma ya kamata a lura da cewa shafukan da kenkenewa kamfanonin makale don su babban abu - fuskar kamfanin, da ayyuka da kuma ikon samar. Information Technology Wai ji cewa saukowa shafukan - yana da kananan kamfanoni da fuska, kaya, Herbalife da sauran "kayan ado."

Kamar shi ko ba, a gaskiya daidai, nan gaba zai nuna. Yana da muhimmanci cewa, ba kawai ya sa hankalta to fenti a yadudduka da abun ciki, amma kuma ya tabbatar da ya dace motsi tsakanin su a wani bambance-bambancen da gina wani website.

Excellent bayani - AJAX (page da aka wallafa kamar yadda ake bukata). Ko da more alamar bayani, a lokacin da page nuna cewa shi ne dole a wannan lokaci da browser taga.

A gaskiya ma, z-index - wannan sauki mulki CSS. Its manufa - don nuna da matakin da tag haka cewa browser iya sanin lokacin da nuni kashi da kuma wanda wani ɓangare na wannan kashi zai zama a bayyane. Layer da page - wani sosai zumunta ra'ayi, saboda yana da matsala don tsara shirin da page kuma ka tuna da ma'anar Rule z-index ga daban-daban ciki nuni.

Yawanci, a developer so a fi so lamba, kuma ya bãyar da ita ga duk tags a jere, da kuma cewa dole mu yi ko ta yaya tsaya a waje, sanya gaba lambar. Dora muhimmanci ga yadudduka da kuma matakan da shafukan - ba musamman m da kuma alamar ayyuka.

Duk da haka, idan tafi ilimin harsuna z-index ga tattaunawa tare da baƙo, yana yiwuwa ya haifar da wani m sakamako. Similar to yadda tags za a iya superimposed a kan juna, yana yiwuwa a gabatar da wani zance (site baƙo) da kuma yin motsi tsakanin su. Daga wannan hangen zaman gaba, da aikace-aikace na dokoki na CSS z-index bayyana su zama sosai m, kuma m.