CSS z-indekso: superrigardon, ecoj

Regulo CSS z-indekso - paĝon elemento pozicio koordinato Z: la nivelo de la display elemento aŭ tavolo en kiu ĝi situas. Etikedo kiu havas z-indekso pli granda estos montrata en plena. Etikedoj estas montrata en la ordo aperas en la alvenanta fluo kaj solapan. приоритет видимости. Z-indekso valoro determinas la videblecon prioritato.

Ni devas omaĝi al modernaj retumiloj kaj algoritmoj display elementoj. De post la tempo, kiam grafikaĵoj kaj kaptis ekranoj formis tondaĵo problemo videbla kaj nevidebla partoj de la elementoj en la apliko fenestro, la videbla ekrano teknologio enhavo atingis bonegajn rezultojn. En retumilo fenestro, ĉiuj eroj estas montrata ĝuste, la uzanto vidas nur kio estas precizigita dezajno aŭ ellaboranto.

La ĝenerala regulo: la ordo kaj la nivelo de

La fluo de eniro (paĝo formis servilo) sinsekve legas la retumilo. Ĉiuj etikedoj estas montrita laŭ la CSS reguloj kaj povas koincidas.

Tiu ekzemplo priskribas kvar videbla elemento. Ĉiu plua parte kovras la antaŭa. En lokoj kie la etikedoj estas krucigitaj, estas demando de prioritato. Kutime z-indekso CSS etikedoj por ĉiuj ĉi tiuj samaj kaj egala al 848, ĝi estos ŝajna ke elemento kiu iras jene. Ĉio peeks el sub ĉiu el la sekva elemento, ŝajne.

regulo videbleco

Retumiloj observi la regulojn de videbleco nur "justa". Por elpensi algoritmo kiu permesas vin analizi la tutan malneta altrudo kaj uzi nur tiuj kiuj vere sekci, ekskludante la parto, kiu estas sorbitaj de ĉiu sinsekva elemento - estas tre malfacila.

Plejofte tio ne necesas. Moderna ekipaĵo estas tre rapida, kaj rimarki redibujar elemento al la punkto kie ĝi blokos la sekva elemento, estas tre problema.

Influo sur la elemento tabelo

Sufiĉas la tria tag scCSS3 pliigi la z-indekso, kaj ĉe scCSS4 - redukti ĝin, la tuta bildo estas ŝanĝita. La sekvenco de elementoj en la fluo restas la sama:

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

Ni notu, ke la dua bildo estas vere prenas pli da spaco de kio similas. La tria bildo estas la samaj. Plue, ĝi konsistas de du partoj (du ovojn) je distanco de unu la alian.

La fakta grandeco de la regionoj, kiuj okupas la duan kaj trian bildoj estas elstarigitaj en flava kaj griza respektive.

La kombino de z-indekso por fono-koloro

Estas notinde ke la proprietoj de CSS fono & z-indekso kompletigas unu la alian. Ĉiuj bloko-nivelo elementoj, kaj ĉiu alia, ĉiam okupi rektangula areo formita de la maksimuma alteco kaj la maksimuma larĝo de la enhavo.

Uzante bildoj, Vi povas fari ajnan formon kampo elemento, sed ĉirkaŭe ĉiam estos rektangulo. Estas fakto, ke estas grave konsideri konvene.

Vi povas meti tekston sur vojo elektita formon, sed se ne, la enhavo ricevas al ajna elemento en rektangula skatolo, sinsekve, sur kvitanco de la enigo.

Uzo ecoj CSS z-indekso en la elemento kies fono-koloro valoro estas travidebla (ia travidebleco), povas emular iu cirkviton elemento. Kvankam ĉiuokaze reale elemento estas rektangula.

Eventoj kaj videblaj elementoj

En lokoj kie la elemento estas blokita de alia elemento, la okazaĵoj ĝi ne funkcios. Kiel ĝenerala regulo, se la ero estas el la vido, li ankaŭ estas la havebleco zono.

Se ellaboranto volas ŝlosi la butono aŭ menuero, ĝi bone povas esti metitaj sur la blokado etikedo alia etikedo, eble travidebla (ekz, uzante la regulo de CSS opakeco), sed en ajna kazo, havante pli altan CSS z-indekso.

Ekde la okazaĵo, de la uzanto vidpunkto, povas esti dividita en gravaj kaj ne havas, tiam la lasta (movante la muso, premante hazardaj butonoj sur la klavaro, la temporizador signalo) povas esti uzita por adekvate ŝanĝi la enhavon en la retumilo fenestro.

Simpla ekzemplo: vizitanton movis la muskursoron sur la menuero, sed ankoraŭ ne decidis fari ion. La ellaboranto povus provizi okazaĵo por spuri la movadon de dialogo al la dezirata punkto (klaku - vizitanton decidas) kaj montri taŭgan enhavon. Regulo CSS z-indekso estas la plej taŭga por la okazo.

Bildformato

Ekde bildoj estas grava konstrumaterialo por ajna loko (beleco, modernidad, funcionalidad - estas la kutima normo de aferoj), estas de granda graveco por la bildo formato elektojn.

De kaj granda, vi povas uzi ĉiujn diversajn ekzistantajn formatoj, sed en terminoj de praktikeco kaj efikeco estas sufiĉe racia por internigi * .png por statikaj bildoj kaj * .gif - por vigla bildoj. Popularaj * .jpg estas ankaŭ bona, sed ĝi ne permesas la flekseblecon por manipuli la display spaco.

Foliumilo cimojn kaj la ellaboranto

Ne tiel ofte okazas, kiam la CSS z-indekso ne funkcias, sed ĝi okazas. Kondiĉoj de akvofalo stilo littukojn ĉiam funkcias, kaj la volumeno de stilo dosiero ofte atingas signifan volumoj. Kiam io ne estas montrata, aŭ simple ne havas kio devas esti, devas unue kontroli viajn proprajn kodo, do purigi vian retumilan kaŝmemoron kaj testi vian propran kodon denove.

Interpretante HTML kaj CSS, la retumilo estas preskaŭ ne faras erarojn - tio estas aksiomo. Se la deziratan elemento ne, do, en la dezajno de CSS {pozicio: absoluta; z-indekso: 112233; maldekstra: 10px; supro: 20px; } ... io mankas aŭ ne registrita.

La plej ofta eraro - malĝusta Montrita elemento mankas referenco al ĝia videbleco sur absoluta aŭ relativa pozicio. Kelkfoje povas labori specifi la stilon rekte sur la elemento kaj ne estas lia stilo. En la lasta kazo, ĝi estas elirejo, sed estas ĉefe parolas ian eraron en la kodo.

Stilo devas esti en la klaso aŭ ID stilo. Montrante stilo sur la elemento devus nur en esceptaj kazoj.

Uzante jQuery.css (z-indekso, 123) povas ankaŭ konduki al eraro, se ne aplikis al la klaso aŭ identigilon. Krome, jQuery - vere rimarkinda disvolviĝo ilo. Tamen, antaŭ ol apliki ĝin, ne doloras pensi: ĉu eblas malhavi improvizis signifas HTML / CSS, z-indekso - ne estas regulo kiu ne postulas tujan atenton.

Ĝusta movado de la logika tavoloj kaj

Perfekta Page - plata. Ĉiukaze, antaŭ la reala tridimensian bildon en la fora masiva skalo, kaj ne en tiu aparta bezono. Moderna retejoj - ĝi estas vera sperto, la reala mondo taskoj. Ili nur bezonas labori bone kaj montri plata tridimensian bildon.

Parenteze, la fenomeno de la surteriĝo paĝo (surteriĝo paĝo) en la formo de ebloj "ejo konstruaĵo" - la plej bona pruvo ke la plata rektangula formo kaj seka, sed ekstreme preciza enhavo - ankaŭ bona kaj praktika. Sed ni notu, ke la lokoj de la monopolon firmaoj batita al ilia ĉefa afero - la vizaĝo de la firmao, lia funcionalidad kaj potenco produktado. Informo Teknologio Monstroj sentis surteriĝo paĝoj - estas malgrandaj entreprenoj alfrontas, akcesoraj, Herbalife kaj aliaj "juveloj".

Kiel ĝin aŭ ne, fakte ĝusta, la estonteco montros. Gravas, ke ne nur havas sencon pentri en tavoloj enhavo, sed ankaŭ por certigi taŭgan movado inter ili en iu varianto de konstruado de retejo.

Bonege solvo - AJAX (paĝo estas ĝisdatigita laŭbezone). Eĉ pli promesplenaj solvo, kiam la paĝo montras, ke necesas en ĉi tiu punkto de la retumilo fenestro.

Fakte, z-indekso - ĉi simpla regulo CSS. Lia celo - montri la nivelon de la etikedo por ke la retumilo povas determini kiam la display elemento kaj kiu parto de ĉi tiu elemento estos videbla. Mantelo kaj la paĝo - tre relativa nocio, ĉar ĝi estas problema por desegni la paĝo kaj memoru la signifo de Regulo z-indekso por malsamaj enhavo montriĝo.

Tipe, ellaboranto elektas ŝatata nombro, kaj donas ĝin al ĉiuj etikedoj en vico, kaj la fakto ke ni devas iel elstaras, atribuas la sekva nombro. Aligu gravecon al la tavoloj kaj nivelojn de paĝoj - ne estas aparte progresema kaj promesplena praktikojn.

Tamen, se la movo semantiko z-indekso por dialogo kun la vizitanto, eblas krei praktika efiko. Simila al kiel etikedoj povas esti aldonitan al la alia, eblas trudi dialogon (retejon vizitanto) kaj plenumi movado inter ili. De ĉi tiu perspektivo, la aplikado de la reguloj de CSS z-indekso ŝajnas esti tre factible kaj praktika.