CSS z-indizea: ikuspegi orokorra, propietate

Araua CSS z-indizea - page elementu posizio koordinatzeko Z: pantaila elementua edo geruza bertan kokatuta dagoen maila. Tag hori z-indizea handiagoa du osorik agertuko dira. Tags ordenan agertzen sarrerako fluxua eta gainjartzen dira bistaratzen dira. приоритет видимости. Z-indizea balio ikusgarritasuna lehentasuna zehazten du.

Omenaldia egin behar dugu Nabigatzaile moderno eta algoritmo pantaila elementu bat. egunak denean grafiko eta harrapatu pantailak osatzen aplikazioaren leihoan elementu zatiak mozketa arazo ikusgai eta ikusezin aurrera, ikusgai pantaila teknologia-edukia, emaitza bikainak erdietsi. arakatzailearen leiho batean, elementu guztiak behar bezala bistaratzen dira, erabiltzaileak ikusten duen bakarra zer zehazten da diseinu edo sustatzailearen.

Arau orokor: ordena eta maila

sarrerako korrontea (Orrialdearen osatzen zerbitzaria) sekuentzialki The nabigatzaileak irakurtzen. Etiketa guztiak CSS arauen arabera bistaratzen dira, eta bata bestearen gainean izango dira.

Adibide honek lau elementu ikusgai deskribatzen du. ondoz bakoitzean aurrekoaren bat gainjartzen. non etiketa zeharkatzen ari lekuetan, han lehentasunezko kontua da. a arau z-indizea CSS horiek berak eta 848 berdina guztientzat etiketa bezala, itxurazko izango da elementu hori honela doa. Hori guztia peeks hurrengo elementu bakoitzaren azpian, itxuraz.

arau ikuspena

Nabigatzaile behatzen ikusgarritasuna arauak bakarrik "bidezko". zatoz gora esker, inposaketa gordina guztiak aztertzea eta horiek bakarrik erabiltzen duten benetan gurutzatzen dira, ondoz elementu bakoitzaren xurgatu zati horiek kenduta algoritmo batekin - Oso zaila da.

Gehienetan hau ez da beharrezkoa. ekipamendu modernoak oso azkarra da, eta nabarituko marraztu elementu puntua non hurrengo elementua blokeatu egingo da, oso problematikoa da.

Eragina elementu array on

Nahikoa da hirugarren etiketa scCSS3 z-indizea handitzeko, eta scCSS4 at - murrizteko, guztizko irudia aldatu da. korrontean osagaien sekuentzia bera izaten jarraitzen du:

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

Kontuan izan behar da, bigarren argazki dela benetan hartzen dirudi baino leku gehiago. Hirugarren Irudian bera da. Gainera, bi zati (bi arrautzak) elkarrengandik distantzia bat osatzen du.

eskualdeak, bigarren eta hirugarren irudiak okupatzen duten benetako tamainak dira horia eta grisa nabarmenduta hurrenez hurren.

z-indizea konbinazioa hondo-kolorea

Kontuan izan behar da CSS hondo & z-indizea propietate hori elkarren osagarri. Bloke mailako elementu guztiak, eta beste edozein, beti inguruan laukizuzena gehienezko altuera eta gehienez edukiaren zabalera osatutako okupatzen.

irudiak erabiliz, edozein modutan eremu elementu egin dezakezu, baina bere inguruan egongo da beti laukizuzen bat. Izan ere, bat garrantzitsua dela kontuan bezala hartu da.

bidea hautatutako forma testua jarri dezakezu, baina ez baduzu, edukia edozein elementu lortzen angeluzuzena kutxa batean, segidan, sarrera jaso gainean.

propietate erabilera CSS z-indizea elementu horren hondo-kolorea balioa da gardena (gardentasuna moduko bat), edozein zirkuituko elementu moldatu daiteke ere. Edonola errealitate elementu ere angeluzuzena da arren.

Ekitaldiak eta elementu ikusgai

tokietan elementua beste elementu blokeatu, ekitaldi ez da lan egiteko. Oro har, elementua ikusmena bada, halaber, erabilgarritasuna zona da.

sustatzailearen botoia edo menu elementua blokeatu nahi badu, ondo blokeoa etiketa gainetik etiketa bestera, jarritako agian gardena (adibidez, CSS opakutasun araua erabilita), baina, nolanahi ere, CSS altuagoa z-indizea bat izatea.

Ekitaldian, erabiltzaileak ikuspuntu batetik aurrera, egon garrantzitsua banatu daiteke, eta ez edozein izan, orduan azken (sagua mugituz, ausazko botoiak sakatuz teklatuan, tenporizadorea seinalea) erabil daiteke nabigatzailea leihoan edukia behar bezala aldatu.

Adibide erraz bat: bisitari mugitu saguaren erakuslea menu elementua, baina oraindik ez dute erabaki zerbait egin behar. Sustatzailearen gertaera bat nahi den puntua elkarrizketa mugimendua jarraitzeko eman dezake (egin klik - bisitari erabakiko) eta edukia egoki bat erakutsi. Araua CSS z-indizea ocasión egokia da.

Irudia formatuan

Irudi eraikinaren gune edozein material garrantzitsua dira geroztik (edertasuna, modernotasuna, funtzionalitate - ohiko gauzen araua da), irudi-formatua aukerak oso garrantzitsuak da.

Eta handiak, lehendik formatu barietate guztiak erabili ahal izango duzu, baina praktikotasuna eta eraginkortasuna dagokionez nahiko arrazoizkoa gordetzea * .png irudi estatiko eta * .gif for - animaziozko pictures da. Popular * .jpg ere ona, baina ez du uzten malgutasuna pantaila espazioa manipulatzeko.

Browser arazoen eta sustatzailearen

Ez da, beraz, askotan gertatzen den, noiz CSS z-indizea ez du funtzionatzen, baina gertatzen da. Kaskadako estilo-orriak baldintzak beti funtzionatzen, eta estilo fitxategia bolumena bolumen esanguratsuak askotan iristeko. Zerbait bistaratzen ez, edo, besterik ez dute zer izan behar du, lehen egiaztatu behar zure kodea propioa, gero garbitu zure nabigatzailean cache eta probatzeko zure kodea propioak berriro.

HTML eta CSS interpretazioa, nabigatzailea da, ia ez du akatsik egin - axioma bat da. Nahi den elementua ez badu, orduan, diseinuan CSS {posizioa: absolutua; z-indizea: 112233; ezkerretik: 10px; top: 20px; } ... zerbait falta da edo ez da grabatu.

Ohikoena akats - okerreko erakusten elementu bere ikuspena erreferentzia posizio absolutua edo erlatiboa batean falta da. Batzuetan estilo zuzenean zehazteko elementua lan egin ahal izango da, eta ez da bere estiloa. Azken kasu horretan, modu bat da, baina nagusiki error nolabaiteko kodean buruz hitz egiten.

Style class edo NAN estiloan izan behar da. elementua buruzko style seinalatuz behar lukeen aparteko kasuetan bakarrik.

jQuery.css (z-indizea, 123) erabiltzea ere errore bat ekar dezake, ez klase edo identifikatzailea aplikatuko bada. Horrez gain, jQuery - benetan nabarmenak garapen tresna bat. Hala ere, aplikatu aurretik, ez duela uste: posible al da inprobisatu esan HTML / CSS, z-indizea batera uztea - ez da arau bat ez dela berehalako arreta eskatzen.

logikoa geruza mugimendu zuzena, eta

Perfect Page - laua. Edonola ere, urrun masiboki benetako irudiaren hiru dimentsioko lehen, eta ez da beharrezkoa zehatz honetan. Modernoak web - esperientzia erreala, real-mundu zeregin bat da. besterik ondo lan egiteko eta lauak hiru dimentsioko irudi bat erakutsi behar dute.

Bide batez, fenomenoa the orri (orri) aukerak "gune eraikin" forman - froga onena dela laua forma angeluzuzena eta lehorra, baina oso zehatzak edukiaren - ere onak eta praktikoa. Baina kontuan izan behar da beraien nagusia zera itsatsita monopolioa enpresa guneak hori - konpainiak, bere funtzionalitate eta power ekoizpen aurpegia. Informazioaren Teknologia Monsters sentitu lurreratzea orriak - da, enpresa txiki aurre, osagarriak, Herbalife eta beste "bitxiak".

Gustatu ala ez, hain zuzen zuzena ere, etorkizunean erakutsiko du. Garrantzitsua da ez bakarrik Zentzuzkoa geruzak edukietan margotzeko, baina baita haien arteko mugimendu egokia bermatzeko edozein web orri bat eraikitzeko aldaera berean.

Bikain konponbidea - AJAX (Orrialdearen behar bezala eguneratuko da). Are gehiago itxaropentsua konponbidea, noiz orrialdea erakusten beharrezkoa dela nabigatzaileak leihoaren puntu honetan.

Izan ere, z-indizea - simple arau CSS honetan. Bere helburua - Etiketa maila erakusteko, beraz, nabigatzaileak denean pantailako elementu eta bertan parte elementu horren ikusgai izango da zehazteko. Geruza eta orria - nozioa oso erlatiboa, problematikoa orriaren diseinua eta kontuan izan Araua z-indizea esanahia desberdina edukien erakusteko delako.

Normalean, sustatzailearen gogoko zenbaki bat aukeratzen du, eta ematen du etiketa guztiak segidan, eta hain zuzen, nolabait nabarmentzen dugula, hurrengo zenbakia ematean. Erantsi garrantzia geruza eta orrien mailetara - ez da bereziki aurrerakoi eta itxaropentsua praktikak.

Hala ere, mugimendu semantika z-indizean bisitariak elkarrizketa bat bada, posible da efektu praktiko bat sortzeko. zenbat etiketa elkarren gainean jarriko dezake antzekoa, posible da elkarrizketa (gune bisitari) bat inposatu nahi, eta horien arteko mugimendu egiteko. Ikuspegi horretatik, CSS z-indizea arauak aplikatzea agertzen oso bideragarria eta praktikoa izan nahi du.