CSS Z-Index: en Iwwerbléck, Eegeschafte

Regel CSS Z-Index - Säit Element Positioun Z koordinéieren: den Niveau vun der Haaptsäit Element oder Layer an deem et etabléiert ass. Tag datt Z-Index méi grouss ass gëtt a voller ugewisen ginn. Tags sinn am Optrag se am Entréeën Flux an iwwerlageren schéngen ugewisen. приоритет видимости. Z-Index bestëmmt d'Visibilitéit Prioritéit.

Mir mussen Wallfahrt zu moderne Browser an algorithms Haaptsäit Elementer bezuelen. Zanter de Deeg wou Grafiken an ageholl Schiirme gemaach eleng virum Problem siichtbar an onsichtbar Deeler vun den Elementer an der Applikatioun Fënster, déi siichtbar Haaptsäit Technologie Inhalt huet exzellent Resultater erreecht. An enger Fënster, sinn all Elementer richteg ugewisen, just de Benotzer gesäit wat Design oder Entwéckler uginn ass.

Déi allgemeng Regel: d'Uerdnung an de Niveau vun

D'Input Baach (Säit gemaach Server) Rei liest de Browser. All Tags sinn am Aklang mat de Regelen CSS ugewisen an iwwerlageren kann.

Dëst Beispill beschreift véier siichtbar Element. All successive Iwwerlappungen engem virdrun eent. An Plazen, wou den Tags duerchgestrachenem sinn, et ass eng Fro vu Prioritéit. Als Regel Z-Index CSS Tags fir all dës selwecht a gläichberechtegt zu 848, ass et offensichtlech ginn, datt Element déi wéi follegt geet. All déi peeks eraus aus ënner jiddereng vun den nächsten Element, anscheinend.

Regel Visibilitéit

Browser fest de Regele vun Visibilitéit nëmmen "fair". Ze kommen an mat engem Algorithmus datt Dir all consomméiert Geldboussen ze analyséieren erlaabt a benotzen nëmmen déi eigentlech éis, ausser déi Deeler déi vun all successive Element absorbéiert ginn - ass ganz schwéier.

Am meeschte Fäll ass dat net néideg. Modern Equipement ass ganz schnell, a virdrun Element fir de Punkt redraw wou et déi nächst Element wäert blockéieren, ass ganz problematesch.

Afloss op d'Element vill

Duer et zu der drëtter Tag scCSS3 der Z-Index méi, a bei scCSS4 - et ze reduzéieren, ass de ganzen Bild geännert. D'Haaptrei vun Elementer an der Baach bleift déi selwecht:

• id= 'scCSS1'; Divisiounen id = "scCSS1";
• id= 'scCSS2'; Divisiounen id = "scCSS2";
• id= 'scCSS3'; Divisiounen id = "scCSS3";
• id= 'scCSS4'. Divisiounen id = "scCSS4".

Et soll feststellen, datt déi zweet Bild dauert ass eigentlech méi Raum an wéi et schéngt. Déi drëtt Foto ass déi selwecht. Ausserdeem, besteet et vun zwee Deeler (zwee Eeër) op enger Distanz vu géigesäiteg.

Déi tatsächlech Gréisst vun de Regiounen, wou déi zweet an drëtt Biller gelant sinn am Giel a gro bzw. Optakt.

Der Kombinatioun vun Z-Index ze Hannergrond-Faarw

Et soll feststellen, datt d'Eegeschafte vun CSS Hannergrond & Z-Index all aner komplementar. All Spär-Niveau Elementer, an all aner, gelant ëmmer e véiereckege Beräich vun der maximal Héicht an déi maximal Breed vun den Inhalt gemaach.

Mat Biller, kënnt Dir all Form Terrain Element maachen, mä ronderëm him et gëtt ëmmer engem Carré ginn. Et ass eng Tatsaach, datt et wichteg ass richteg Rechnung ze huelen.

Dir kënnt den Text op engem Wee ausgewielt Form Plaz, mä wann Dir net do, gëtt den Inhalt un all Element an engem véiereckege Box, agesaat, op der Rezeptioun vun der Input.

Benotzen Eegeschafte CSS Z-Index am Element deem Hannergrond-Faarw Wäert ass duerchsichteg (eng Zort vun Transparenz), kann all Circuit Element Characteristik. Obwuel an all Fall am Realitéit Element ass véiereckege.

Evenementer an siichtbar Elementer

Zu Plazen, wou d'Element vun engem anere Element gespaart ass, gëtt den Evenementer et net schaffen. Als allgemeng Regel, wann de Punkt aus Vue ass, ass hien och d'Disponibilitéit Zone.

Wann e Entwéckler wëll de Knäppchen oder Menü Punkt ze gespaarten, et kann och eng aner Tag, vläicht eng transparent (zB, andeems der Regel vun CSS Opazitéit), mee an deem Fall iwwert den Wann Tag gesat ginn, eng méi héich CSS Z-Index mussen.

Well am Fall, vun de Benotzer Siicht, kann an relevant ënnerdeelt ginn an do hu keng, dann de leschten (Plënneren der Maus, pressen zoufälleg Knäppercher op der Keyboard, de Timer Signal) kënne benotzt ginn, fir adequat den Inhalt vun der Fënster Browser änneren.

Eng einfach Beispill: e Visiteur huet geplënnert Eegeschafte vum Modul op de Menü Punkt, mee hun nach net ze maachen eppes decidéiert. D'Entwéckler hätt en Event déi der Bewegung vun Dialog an de gewënschte Punkt ze Streck (klickt - e Visiteur decidéiert) an eng adequat Inhalt Kaart. Regel CSS Z-Index ass déi beschten geegent fir d'Geleeënheet.

Bild Format

Zanter Biller eng wichteg Baumaterial fir all Site sinn (Schéinheet, Modernen, Funktionalitéit - d'vun Saache gewinnt stäckeger ass), ass et vu grousser Wichtegkeet fir d'Bild Format entscheede.

Duerch a grouss, kënnt Dir all d'Villfalt vun bestehend Formater benotzen, mä wat vun praktesch an efficace ass ganz raisonnabel * .png fir statesch Biller ze anengen an * .gif - fir animéierten Biller. Populär * .jpg ass och gutt, mä et erlaben net d'Flexibilitéit der Kaart Plaatz ze manipuléieren.

Browser Käfere an der Entwéckler

Net esou oft de Fall, wann d'CSS Z-Index net schaffen, mä et geschitt. Konditioune vun Blieder Kaskadespär Stil ëmmer Aarbecht, an de Volume vun Stil Fichier erreechen oft bedeitendst Bänn. Wann eppes net ugewisen ass, oder hun just net wat, muss éischt muss Är eege Code kontrolléieren, da Äre Browser Cache kloer an erëm Är eege Code Test.

Interpretatioun HTML an CSS, ass de Browser Feeler et bal net maachen - et eng axiom ass. Wann de gewënschte Punkt net, dann, an den Design vun CSS {Positioun: absolute; Z-Index: 112233; lénks: 10px; erop: 20px; } ... eppes ass vermësst oder net opgeholl.

De stäerkste gemeinsam Feeler - falsch dës Distanz Element ass ower eng Referenz fir seng Visibilitéit op en absolute oder relativ Positioun. Heiansdo kann et schaffen der Stil direkt op der Element ze uginn an ass net sengem Stil. Am leschte Fall ass et e Wee aus, mee et ass un e puer Zort Feeler am Code allem schwätzen.

Style muss an der Klass oder ID Stil ginn. Virop Stil op der Element misst nëmmen an aussergewéinleche Fäll.

jQuery.css (Z-Index, 123) benotzt kann och zu engem Feeler nodeems wann net zu der Klass oder Identifizéierer applizéiert. Zousätzlech, jQuery - eng wierklech bemierkenswäert Entwécklung Outil. Mä ier Dir et gëllen, net ze mengen schueden: ass et méiglech eppes sinn HTML / CSS, Z-Index ze maachen - net eng Regel ass dat net direkt Opmierksamkeet heescht verlaangen.

Richteg Bewegung vun der logesch Schichten, an

Perfekt Page - flaach. An all Fall, virun der real-dräi zweedimensional Bild am wäit engem massive Skala, an net an dësem besonnesch brauchen. Modern Websäite - et ass e richtege Erfahrung, real-Welt Aufgaben. Si muss just gutt ze schaffen an engem Appartement dräi-zweedimensional Bild weisen.

Iwwregens, de Phänomen vun der Landung Säit (Landung Säit) a Form vun Optiounen "Site Gebai" - de beschte Beweis datt d'flaach véiereckege Form an dréchen, mä extrem genee Inhalt - och gutt a praktesch. Mä et soll, dass d'Siten vun de Monopol kritt Firmen zu hire den Haapt Saach Déngen feststellen ginn - d'Gesiicht vun der Firma, seng Funktionalitéit a Kraaft Produktioun. Informatiounen Technology MONSTERS seng Landung Säiten - Et ass kleng Betriber Gesiicht, Accessoiren, Herbalife an aner "Bijou."

Wëll et oder net, eigentlech richteg, wäert d'Zukunft weisen. Et ass wichteg, datt net nëmmen Sënn an Schichten Inhalt ze molen mécht, mä och adäquate herrlechen tëscht hinnen zu all Variant vum Gebai eng Websäit ze garantéieren.

Excellent Léisung - Ajax (Säit ass als waren aktualiséiert). Och villverspriechend Léisung, wann der Säit weist, datt et op dësem Punkt vun der Fënster néideg ass.

An Tatsaach, Z-Index - dat einfach Regel CSS. Seng Zweck - den Niveau vun der Tag ze weisen datt de Browser bestëmmen kann wann den Ecran Element an deem Deel vun dësem Element gesi ginn. Layer an der Säit - e ganz relativ Notioun, well et problematesch ass d'Säit fir Design an halen vergiessen d'Bedeitung vun Rechtsstaat Z-Index fir verschidden Inhalt Kaart.

Typesch, sicht e Entwéckler engem Léifsten Zuel, an gëtt et fir all Tags an engem Stéck, an de Fait, datt mer, fir iergendwéi Stand eraus hunn Arméischoul déi nächst Nummer. Befestegt Wäert op d'Schichten an Niveau vun Säiten - ass net besonnesch II an villverspriechend Praktiken.

Allerdéngs, wann der elo semantics Z-Index zu engem Dialog mat de Visiteur, ass et méiglech eng praktesch Effekt ze schafen. Ähnlech zu wéi Tags kënnen op all aner iwwerlagert ginn, ass et méiglech eng Dialog (Site Visiteur) an Leeschtunge herrlechen tëscht hinnen zu Klo. Aus dëser Perspektiv, schéngt d'Applikatioun vun de Regele vun CSS Z-Index ganz machbar a praktesch gin.