CSS z-Ìwé: ohun Akopọ, ini

Jọba CSS z-Ìwé - iwe ano ipo ipoidojuko Z: awọn ipele ti àpapọ ano tabi Layer ninu eyi ti o ti wa ni be. Tag ti o ni z-Ìwé o tobi yoo han ni kikun. Tags ti wa ni han ni aṣẹ ti won han ni awọn ti nwọle sisan ati ni lqkan. приоритет видимости. Z-Ìwé iye ipinnu awọn hihan ni ayo.

A gbọdọ san oriyin to igbalode burausa ati aligoridimu àpapọ eroja. Niwon awọn ọjọ nigbati eya aworan ati sile iboju akoso clipping isoro han ki o si alaihan awọn ẹya ara ti awọn eroja ninu awọn ohun elo window, awọn han àpapọ ọna ẹrọ akoonu ti ami tayọ esi. Ni kan kiri ayelujara window, gbogbo awọn eroja ti wa ni han ti tọ, awọn olumulo keji ri nikan ohun ti wa ni pato oniru tabi Olùgbéejáde.

Gbogbo ofin: awọn ibere ati awọn ipele ti

Awọn input san (iwe akoso server) sequentially Say awọn kiri ayelujara. Gbogbo awọn afi ti wa ni han ni ibamu pẹlu awọn CSS ofin ati ki o le ni lqkan.

Yi apẹẹrẹ apejuwe mẹrin han ano. Kọọkan ti o tele overlaps a ti tẹlẹ ọkan. Ni ibiti ibi ti awọn afi ti wa ni rekoja, nibẹ ni ibeere kan ti ayo. Bi awọn kan ofin z-Ìwé CSS afi fun gbogbo awọn wọnyi kanna ati dogba si 848, o yoo jẹ kedere pe ano eyi ti n lọ bi wọnyi. Gbogbo awọn ti peeks jade lati labẹ kọọkan ninu awọn nigbamii ti ano, nkqwe.

ofin hihan

Burausa daju awọn ofin ti hihan nikan "itẹ". Lati wá soke pẹlu ohun alugoridimu ti o fun laaye lati itupalẹ gbogbo awọn gross igbọwọle-ati ki o lo nikan awon ti o kosi intersect, lai awon awọn ẹya eyi ti o gba kọọkan ti o tele ano - jẹ gidigidi soro.

Ni ọpọlọpọ igba yi ni ko wulo. Modern awọn eroja jẹ gidigidi sare, ki o si se akiyesi redraw ano si ojuami ibi ti o ti yoo dènà nigbamii ti ano, jẹ gidigidi iṣoro.

Ipa lori ano orun

To o si kẹta tag scCSS3 mu awọn z-Ìwé, ati ni scCSS4 - lati din o, awọn lapapọ aworan ti wa ni yi pada. Ọkọọkan awọn eroja ni odò si maa wa kanna:

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

O yẹ ki o wa woye wipe awọn keji aworan jẹ kosi gba soke diẹ aaye ju ti o dabi. Awọn kẹta aworan jẹ kanna. Siwaju si, ti o oriširiši meji awọn ẹya ara (meji eyin) ni a ijinna lati kọọkan miiran.

Awọn gangan iwọn ti awọn ilu ni, eyi ti o kun okan awọn keji ati kẹta images ti wa ni afihan ni ofeefee ati grẹy lẹsẹsẹ.

Ni apapo ti z-Ìwé to lẹhin-awọ

O yẹ ki o wa woye wipe awọn-ini ti CSS lẹhin & z-Ìwé iranlowo kọọkan miiran. Gbogbo Àkọsílẹ-ipele eroja, ati awọn eyikeyi miiran, nigbagbogbo kun okan kan onigun merin agbegbe akoso nipa awọn ti o pọju iga ati awọn ti o pọju iwọn ti awọn akoonu.

Lilo images, o le ṣe eyikeyi fọọmu oko ano, ṣugbọn ni ayika rẹ nibẹ ni yio ma jẹ a onigun. O ti wa ni a daju wipe o jẹ pataki lati ya sinu iroyin daradara.

O le gbe ọrọ lori ona ti a ti yan apẹrẹ, ṣugbọn ti o ba se ko, awọn akoonu n si eyikeyi ano ni a onigun merin apoti, successively, lori ọjà ti awọn input.

Lo-ini CSS z-Ìwé ni ano ti lẹhin-awọ iye jẹ sihin (a irú ti akoyawo), o le emulate eyikeyi Circuit ano. Biotilejepe ni eyikeyi nla ni otito, ano ni onigun.

Iṣẹlẹ ati ki o han eroja

Ni ibiti ni ano ti dina nipasẹ miiran ano, awọn iṣẹlẹ ti o yoo ko sise. Bi awọn kan Ofin apapọ, ti o ba awọn ohun kan ni jade ti oju, o tun ni awọn wiwa ibi kan.

Ti o ba ti a Olùgbéejáde fe lati tii bọtini tabi ohun akojọ, o le daradara ni ao gbe lori awọn manti tag miran tag, boya a sihin (eg, lilo awọn ofin ti CSS opacity), sugbon ni eyikeyi nla, nini kan ti o ga CSS z-Ìwé.

Niwon awọn iṣẹlẹ, lati awọn olumulo ojuami ti wo, le ti wa ni pin si ti o yẹ ki o si ma ko ni eyikeyi, ki o si awọn ti o kẹhin (gbigbe awọn Asin, titẹ ID awọn bọtini lori keyboard, aago ifihan agbara) ni a le lo lati to yi awọn akoonu ni awọn kiri window.

A o rọrun apẹẹrẹ: a alejo ti gbe awọn Asin ijuboluwole lori awọn akojọ kan, sugbon ti ko sibẹsibẹ pinnu lati se nkankan. Awọn Olùgbéejáde le pese ohun iṣẹlẹ lati orin awọn ronu ti ọrọ to fẹ ojuami (tẹ - a alejo pinnu) ki o si han ohun deedee akoonu. Ofin CSS z-Ìwé ni ti o dara ju ti baamu fun awọn ayeye.

aworan kika

Niwon aworan ni o wa ohun pataki ile awọn ohun elo fun eyikeyi Aaye (ẹwa, modernity, iṣẹ - ni awọn ibùgbé iwuwasi ti ohun), o jẹ ti awọn nla pataki fun awọn aworan kika yiyan.

Nipa ati ki o tobi, o le lo gbogbo awọn orisirisi ti wa tẹlẹ ọna kika, sugbon ni awọn ofin ti practicality ati ndin jẹ ohun reasonable lati confine * .png fun aimi aworan ati * .gif - fun ere idaraya awọn aworan. Gbajumo * .jpg jẹ tun dara, sugbon o ko ni gba ni irọrun lati se afọwọyi awọn àpapọ aaye.

Kiri idun ati awọn Olùgbéejáde

Ko ki igba ti irú, nigbati awọn CSS z-Ìwé ko ṣiṣẹ, sugbon o ṣẹlẹ. Awọn ofin ti cascading ara sheets nigbagbogbo ṣiṣẹ, ati awọn iwọn didun ti ara faili igba de ọdọ significant ipele. Nigbati nkankan ti ko ba han, tabi o kan ma ko ni ohun ti gbọdọ jẹ, gbọdọ akọkọ ṣayẹwo ara rẹ koodu, ki o si ko aṣàwákiri rẹ kaṣe ki o si idanwo ara rẹ koodu lẹẹkansi.

Ògbùfõ HTML ati CSS, awọn kiri jẹ fere ko ni ṣe awọn aṣiṣe - o jẹ ẹya axiom. Ti o ba ti awọn ti o fẹ ohun kan ko, ki o si, ninu awọn oniru ti CSS {ipo: idi; z-Ìwé: 112233; osi: 10px; oke: 20px; } ... nkankan ti wa ni nsọnu tabi ti ko gba silẹ.

Awọn wọpọ ìfípáda - ti ko tọ si han ano ti sonu a tọka si awọn oniwe-hihan lori ohun idi tabi ojulumo si ipo. Ma ti o le ṣiṣẹ lati tokasi awọn ara taara lori ano ati ki o jẹ ko rẹ ara. Ninu awọn igbehin nla, o ni ona kan jade, sugbon o ti wa ni nipataki sọrọ nipa diẹ ninu awọn Iru ašiše ni awọn koodu.

Style gbodo wa ni awọn kilasi tabi ID ara. Ntokasi ara lori awọn ano yẹ nikan ni igba miiran.

Lilo jQuery.css (z-Ìwé, 123) le tun ja si ohun ašiše, ti ko ba loo si awọn kilasi tabi idamo. Ni afikun, Ìbòmọlẹ - a iwongba ti o lapẹẹrẹ idagbasoke ọpa. Sibẹsibẹ, ṣaaju ki o to waye o, ko ipalara lati ro: ni o ṣee ṣe lati dispense pẹlu improvised tumo si HTML / CSS, z-Ìwé - ni ko ofin ti ko ni beere lẹsẹkẹsẹ akiyesi.

Atunse ronu ti mogbonwa fẹlẹfẹlẹ, ati

Pipe Page - alapin. Ni eyikeyi nla, ṣaaju ki o to awọn gidi onisẹpo mẹta image ni jina a lowo asekale, ki o si ko ni yi pato nilo. Modern wẹbusaiti - o jẹ gidi kan iriri, gidi-aye iṣẹ-ṣiṣe. Nwọn o kan nilo lati sise daradara ki o si fi kan Building onisẹpo mẹta image.

Nipa ona, awọn lasan ti awọn ibalẹ-iwe (ibalẹ-iwe) ni awọn fọọmu ti awọn aṣayan "ojula ile" - awọn ti o dara ju ẹri ti Building onigun merin apẹrẹ ati ki o gbẹ, ṣugbọn lalailopinpin kongẹ akoonu - tun dara ati ki o wulo. Sugbon o yẹ ki o wa woye wipe awọn ojula ti awọn anikanjọpọn ilé di si wọn akọkọ ohun - awọn oju ti awọn ile-, awọn oniwe-iṣẹ-ati agbara gbóògì. Information Technology ibanilẹru ro wipe ibalẹ ojúewé - o ni owo kekere koju, awọn ẹya ẹrọ, Herbalife ati awọn miiran "jewelry."

Bi o tabi ko, ni o daju ti o tọ, ojo iwaju yoo fi. O ṣe pataki wipe ko nikan ki asopọ ori lati kun ni fẹlẹfẹlẹ akoonu, sugbon tun lati rii daju dara ronu laarin wọn ni eyikeyi iyatọ ti Ilé kan aaye ayelujara.

O tayọ ojutu - AJAX (iwe ti ni imudojuiwọn bi ti nilo). Ani diẹ ni ileri ojutu, nigbati awọn iwe hàn pé o jẹ pataki ni aaye yi ti awọn kiri window.

Ni o daju, z-Ìwé - yi o rọrun ofin CSS. Awọn oniwe-idi - lati fi awọn ipele ti tag ki awọn kiri le mọ, nigbati awọn àpapọ ano ati eyi ti apa kan yi ano ni yio je han. Layer ati awọn iwe - kan gan ojulumo iro, nitori ti o jẹ iṣoro lati ṣe ọnà rẹ ni iwe ati ki o pa ni lokan itumo ti Ofin z-Ìwé fun yatọ si akoonu àpapọ.

Ojo melo, a Olùgbéejáde yàn a ayanfẹ nọmba, ati ki o yoo ti o si gbogbo awọn afi ni ọna kan, ati awọn ti o daju ti a ni lati bakan duro jade, ise nigbamii ti nọmba. So pataki lati ni fẹlẹfẹlẹ ati awọn ipele ti ojúewé - ni ko paapa onitẹsiwaju ati ki o ni ileri ise.

Sibẹsibẹ, ti o ba awọn Gbe oro ijora z-Ìwé to a asoyepo pẹlu awọn alejo, o jẹ ṣee ṣe lati ṣẹda kan wulo ipa. Iru si bi afi le ti wa ni superimposed lori kọọkan miiran, o jẹ ṣee ṣe lati fa a ọrọ (ojula alejo) ki o si ṣe ronu laarin wọn. Lati yi irisi, awọn ohun elo ti awọn ofin ti CSS z-Ìwé han lati wa ni gidigidi seese ki o si wulo.