CSS, z-Index: un riassuntu, proprietà

Guvernerà CSS, z-Index - cuurdinati pagina pusizioni elementu Z: lu liveddu di l 'elementu cumparisce o sfarente in lu quali si trova. Tag chì hà, z-Index più vi pò vede in piena. Tags sò affissati à l 'ordine si càmpanu in a purtata ricevuti è suvrapponnu. приоритет видимости. valore Z-Index definisce a priurità visibilità.

Ci tocca à pacà u tributu à i navigatori muderni è fà cumparisce elementi alguritmi. Dapoi u tempu quandu Grafica e schermi cunquistata furmati parti prublema clipping vede è di primura di u elementi a la finestra dumanda, u cuntenutu videvule tecnulugia cumparisce hè arrivatu Sognu i risultati. In una finestra di u navigatore, tutte e elementi sò affissati currettamente, u me vede solu ciò chì hè renseigné disignu, o documentaliste.

A regula ginirali: l 'ordine è u livellu di

U bracciu entrée (pagina servore furmati) sequentially leghje u navigatore. Tutte e balise sò mustrati in cunfurmità cù e règule CSS è pò si suvrapponnu.

Stu esempiu discrivi quattru elementu visibili. Ogni successivi funt una unu prima. In lochi induve sò attravirsò l 'balise, ci hè una quistione di priurità. Comu regula, z-Index balise CSS di tutte e sti listessu è uguali à 848, è sarà subitu chì elementu chi andat a siguenti. Tutti chì peeks fora da sottu à ognunu di i elementu prossimu, apparentemente.

règula visibilità

Navigatori fighjulatu i reguli di visibilità solu "fiera". À cullà cù una algutitimu chì permette à voi à analizà tuttu u mpusizzioni lorda è solu quelli chì aduprà chì intreccia intersecani, lassannu fora la ghjenti chì sò beni assurbutu da ogni elementu successivi - hè assai difficiule.

In più casi stu ùn hè micca necessariu. usato mudernu hè assai bonu, è custata redraw elementu di u puntu induve si vi bluccà u elementu prossimu, hè assai prubbrimàticu.

Influence u panoplia elimentu

Basta à u terzu tag: scCSS3 cresce lu, z-index, è à scCSS4 - accurtà quessa, u ritrattu tutali hè cambiatu. L'ordine di elementi à u bracciu da ferma u listessu:

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

It S'avissi a nutari ca a seconda foto hè anzi pigghia u più u spaziu di pari. U terzu ritrattu hè u listessu. Esiste, hè custituitu di dui banni (dui ova) à una distanza da ogni altru.

A taglia attuale di u rughjoni, ca occuparu la secunna e terza imàgini sò mis in gialle è grisgiu rispittivamenti.

La cumminazzioni di, z-Index à figure-culore

It S'avissi a nutari ca li proprietà di fondo, CSS & g-Index complement autra. All 'elementi-livellu pezzu, e nuddu autru, trovanu sempre una zona di furma furmatu da u pesu altu è u larghezza massima di u cuntenutu.

Cù images, vi pò fà ogni elementu campu di forma, ma intornu à ellu ci sarà sempre esse un rectángulo. Hè un fattu chì hè impurtante di piglià in contu bè.

Pudete locu testu nant'à una forma chjassu scelta, ma s'è vo fate micca, u cuntenutu si à ogni elementu in una scatula furma, successivamente, nantu à avè ricivutu di u numeru.

Usu proprietà CSS, z-Index in l 'elementu chi fondo-culore valore hè raru (un tipu di Luminance), pò riguri ogni elementu ferrari circuit. Puru in ogni casu, in elementu rialità è de furma.

Events è elementi videvule

In lochi induve l 'elementu hè pruibitu da un altru elementu, u evenimenti ùn hà travagliu. Comu regula ginirali, siddu lu bagagliu hè fora di vista, si dinù hè a zona di dispunibilità.

Sè un documentaliste voli a serratura lu bagagliu buttone, o menu, si pò ancu esse posti nantu à u tag: turns altru le tag, forse una manera (per esempiu, cù u regnu di opacity CSS), ma in ogni casu, avè una supiriuri CSS, z-UV.

Dapoi u ballò, da u puntu utilizatori di vista, ponu esse spartuti in apprupriati e nun hannu nuddu, allura l 'urtimu (mòviri lu surci, giru i buttoni incerta u keyboard, i signali man) pò ièssiri usatu a canciari adequately u cuntenutu in la finestra navigatore.

Un sèmplice esempiu: un estru hà cummossu i stacciatura surci supra lu bagagliu lu menu, ma ùn anu ancu decisu di fà calcosa. U documentaliste pussutu derà un evenimentu a pista u muvimentu di i scambii à u puntu Bramati (cliccà - un estru dicisi) è vede un cuntenutu mezi. Rien CSS, z-accogliu hè u megliu latu di l 'occasioni.

furmatu Picture

Dapoi imàgini sò un impurtante materia bastimentu per ogni situ (biddizza, di mudernità, funziunalità - hè u solitu norma di e cose), si tratta di gran 'impurtanza di lu so scelti furmatu imagine.

By e grande, pudete puru aduprà tutti i variità di schedari esistenti, ma in termini di praticalita` e jammi, è arquantu jeudi à cundannanu * .png di imagini fermu è * .gif - per images animata. Popular * .JPG hè dinù bè, ma ùn permette u sòffice a manighjà u spaziu cumparisce.

bœg navigatore è i documentaliste

Micca cusì à spessu u casu, quandu u CSS, z-Index ùn travagliu, ma avveni. Termini di e fronde, stile, cascata travaglià sempre, è u vulume di u schedariu, stile, à spessu lompi volumi impurtante. Quandu qualcosa ùn hè mustratu, o ghjustu ùn sò ciò chì deve esse, ci vole prima cuntrolla u vostru propriu còdice, puis smachjera di u vostru cartulare navigatore è pruvà torna u vostru propriu còdice.

Ricerche HTML è CSS, u mutore di ricerca hè guasi ùn fà sbagli - hè una Canzone. Sè lu bagagliu Bramati faci micca, tandu, in lu disignu di CSS {pusizioni: assulutu; , z-Index: 112233; manca: 10px; Spezia: 20px; } ... cosa hè mancanti o micca arregistrata.

U colpu più cumune - Lettera Symboles elementu hè sopratuttu una rifarenza à u so visibilità nant'à una pusizioni assolutu, o parente. Calchì volta si pò travaglià à specificà u stile, direttamente nantu à l 'elementu è ùn hè micca u so stile. In lu sicunnu casu, hè una manera fora, ma si parla soprattuttu circa qualchì tipu di errore in u codice.

Style deve esse in u stile di classi, o ID. Mustrannu stile, u elementu avissi solu in casi eccezziunali.

Cù jQuery.css (, z-index, 123) pò dinù cumannari a un errore, s'ellu ùn si rifiriscinu a li classi o iniziale. In più, Persiana - un strumentu di sviluppu di fideltà da cunsiderà. Però, prima di voi dalli, micca male a pinsari: hè pussibili a sorti cù curnutu significa HTML / CSS, z-Index - ùn hè micca un guvernu chì ùn bisognu subitu primura.

u muvimentu Correct di u Bonifacio logica, è

Main Page - appartamentu. In ogni casu, prima di l 'vera imagine tri-tridiminsiunali in l' una scala luntanu massiccia, è micca in stu particulare bisognu. sterni Modern - hè un affari spirienza veri, veri-mondu. Li basta à travaglià bè è mostra un appartamentu imagine tri-tridiminsiunali.

Par la via, u fenomenu di l 'pagina sbarcu (pagina sbarcu) in la forma di ozzione "custruzzioni situ" - i migliori prova chì a forma appartamentu furma è asciuttu, ma assai pricisu cuntenutu - dinù u bè è pratica. Ma si avissi a essiri a nutari ca la siti di i cumpagnii monopoly punta à a so i cosa principali - u visu di la cumpagnia, u so pruduzzione funziunalitati, e lu putiri. Information Technology Monsters sintia chì e pagine sbarcu - qualle faccia picculu imprese, oliva, passerini e àutri "essayer."

E comu si, o micca, in fattu currettu, lu futuru vi mostra. Hè impurtante chì ùn solu face u sensu a mettiri a cuntinutu Bonifacio, ma dinò à assicurà tonu un muvimentu trà elli à ogni varianti di custruì un situ.

Très suluzione - Linguizzetta (pagina hè aghjurnata cum'è bisognu). Ancu definitivu di più spiranza, quannu la pagina mostra chì hè necessariu à stu puntu di u navigatore.

In fatti, z-Index - sta sèmplice règula CSS. U so scopu - à mustrà u liveddu di u tag: tantu chì u navigatore pò definisce quandu l 'elementu vede è chì parti di stu elementu sarà visibili. Annunzio è a pagina - un assai parenti nuzzioni, parchì hè prubbrimàticu à oculistica a pagina, è tene à mente u significatu di rien, z-accogliu per vede cuntenutu sfarenti.

Tipicamenti, un documentaliste sceddi un numaru favourite, è dà si à tutte e balise in una fila, e lu fattu ca avemu a 'addritta certi fori, assigns u numaru dopu. Attaccari l 'impurtanza à a Bonifacio è livelli di e pagine - ùn hè micca pratichi particularmenti prugrissiva è spiranza.

Perciò, se lu straniere muvimentu, z-Index à un dialogu cù l 'estru, hè pussibule di crià un effettu pratica. Simili a pasta e balise pò superimposed su 'iddi, hè pussibili à impone un dialogu (situ estru) è di fà un muvimentu trà elli. Da stu scopu, u prugrammu di i reguli di CSS, z-Index apparisce à esse assai feasible francese è pratica.