ЦСС З-индекс: преглед, својства

Правило ЦСС з-индек - елемент странице положај координира З: ниво елемента екрана или слој у коме се налази. Таг који има з-индек већи ће бити приказана у потпуности. Ознаке се приказују по редоследу појављивања у улазној тока и преклапају. приоритет видимости. З-индекс вредност одређује приоритет видљивост.

Ми мора да плати данак модерним бровсерима и елемената алгоритми приказа. Од дана када је графика и заробљених екрани формираних клипинг проблема видљиве и невидљиве делове елемената у прозору апликације, видљиво садржај дисплеј технологија је достигла одличне резултате. У прозору прегледача, сви елементи су правилно приказан, корисник види само оно што је наведено дизајн или програмера.

Опште правило: ред и ниво

Улазни ток (страна формирана сервера) секвенцијално чита претраживача. Све ознаке су приказани у складу са правилима ЦСС и могу преклапати.

Овај пример описује четири видљива елемент. Сваки наредни преклапа претходну један. На местима где су прешли ознаке, постоји питање приоритета. По правилу з-индек ЦСС ознака за све ово исто и једнако 848, то ће бити јасно да елемент који гласи. Све што Пеекс из испод сваког следећег елемента, очигледно.

pravilo видљивост

Претраживачи посматрају правила видљивости само "фер". Смислити алгоритам који омогућава да анализира све бруто наметање и користе само они који заиста секу, осим оне делове који се апсорбовати сваки следећи елемент - је веома тешко.

У већини случајева то није неопходно. Савремена опрема је веома брз, и приметио прекрајање елемент до тачке у којој ће блокирати следећи елемент, веома је проблематично.

Утицај на низа елемента

Довољно је трећи таг сцЦСС3 повећати з-индек, а на сцЦСС4 - да га смањи, укупна слика се мења. Секвенца елемената у струји остаје исти:

• id= 'scCSS1'; див ид = • 'сцЦСС1';
• id= 'scCSS2'; див ид = • 'сцЦСС2';
• id= 'scCSS3'; див ид = • 'сцЦСС3';
• id= 'scCSS4'. див ид = • 'сцЦСС4'.

Треба напоменути да је друга слика је у ствари заузима више простора него што се мисли. Трећа слика је иста. Штавише, састоји се из два дела (два јаја) на удаљености један од другог.

Стварна величина региона, које заузимају другу и трећу слике су истакнути у жуте и сиве, респективно.

Комбинација з-индек да бацкгроунд-цолор

Треба напоменути да су својства ЦСС позадини и з-индек међусобно допуњују. Сви елементи блоцк нивоу, и било који други, увек заузимају правоугаону област формиран од максималне висине и максималне ширине садржаја.

Користећи слике, можете направити било који елемент облик на терену, али око њега ће увек бити правоугаоник. Чињеница је да је важно да се узме у обзир правилно.

Можете поставити текст на облик путање изабран, али ако не, садржај добија на било који елемент у правоугаоне кутије, сукцесивно, по пријему улаза.

Користите својства ЦСС з-индек у елементу чија бацкгроунд вредност није транспарентна (врста транспарентности), може имитирати сваку кола елемент. Иако је у сваком случају у стварности елемента је правоугаоног облика.

Догађаји и видљиви елементи

На местима где је елемент блокирана од стране другог елемента, догађаји неће радити. Као опште правило, ако је ставка је ван видокруга, он је доступност зона.

Ако програмер жели да закључа дугме или ставки менија, може и да се постави преко таг за закључавање други таг, можда транспарентан (нпр, користећи правило ЦСС нетранспарентност), али у сваком случају, имати већи ЦСС з-индек.

Од догађаја, од корисника тачке гледишта, може се поделити на релевантни и немају ниједан, а последњи (померањем миша, притиском на случајне тастере на тастатури, тајмер сигнала) може да се користи на одговарајући начин мења садржај у прозору прегледача.

Једноставан пример: посетилац је прешао показивач миша на ставку менија, али још нису одлучили да уради нешто. Инвеститор би могао дати догађај за праћење кретања дијалога до жељене тачке (клик - посетилац одлучује) и приказати одговарајући садржај. ЦСС правило З-индекс је најпогоднији за ову прилику.

формат слике

Пошто слике су важан грађевински материјал за било који сајт (лепоти, модерност, функционалност - је уобичајена норма ствари), то је од великог значаја за слике формата избора.

Све у свему, можете користити сву разноврсност постојећих формата, али у погледу практичности и ефикасности је сасвим разумно да се ограничи * .пнг за статичке слике и * .гиф - за анимиране слике. Популаран * .јпг је такође добро, али то не дозвољавају флексибилност да манипулише екрана простор.

Бровсер бубе и програмер

Не тако често случај, када ЦСС З-индекс не ради, али се дешава. Услови Цасцадинг Стиле Схеетс увек раде, а обим стил фајла често до значајне количине. Када се не приказује нешто, или једноставно немају шта мора бити, мора прво да проверите свој код, а затим обришите кеш прегледача и поново тестирати свој код.

Тумачење ХТМЛ и ЦСС, претраживач је готово не прави грешке - то је аксиом. Уколико жељена ставка не онда у дизајну ЦСС {поситион: абсолуте; з-индек: 112233; лево: 10пк; Топ: 20пк; } ... нешто недостаје или није забележено.

Најчешћа грешка - у реду Приказује елемент недостаје позивање на њене видљивости на апсолутном или релативном положају. Понекад се може радити да одредите стил директно на елементу и није његов стил. У другом случају, то је излаз, али је, пре свега, говори о некој врсти грешке у коду.

Стил мора бити у класи или ИД стилу. Указујући стил на елемента треба само у изузетним случајевима.

Користећи јКуери.цсс (З-индекс, 123) такође може довести до грешке, ако не примењује на класи или идентификатор. Поред тога, ЈКуери - заиста изузетно развој алат. Међутим, пре него што га примените, не шкоди да мисле: да ли је могуће да се ослободи импровизованој значи ХТМЛ / ЦСС, з-индек - није правило које не захтева хитну пажњу.

Тачан покрет логичких слојева, и

Перфецт страница - стан. У сваком случају, пре стварног тродимензионалне слике у далеком масовна појава, а не у овом потребом. Модерни сајтови - то је прави доживљај, из стварног света задатке. Они само треба да добро раде и показују равну тродимензионалну слику.

Узгред, феномен одредишне странице (почетне странице) у облику опција "сите зграде" - најбољи доказ да је стан правокутног облика и суво, али изузетно прецизан садржај - такође добар и практичан. Али треба напоменути да су места монопола предузећа остали при свом главном ствари - лице компаније, њеној функционалности и електричне енергије. Информатион Тецхнологи Чудовишта је сматрао да почетне странице - то је мала предузећа суочавају, прибор, Хербалифе и други "накит".

Хтјели ми то или не, у ствари исправне, будућност ће показати. Важно је да не само смисла да сликам у садржају слојевима, али и како би се осигурало правилно кретање између њих у било које варијанте изградње сајт.

Одлично решење - АЈАКС (страна се ажурира по потреби). Још више обећава решење, када је страница показује да је неопходно у овом тренутку прозора прегледача.

У ствари, З-индекс - то једноставно ЦСС правило. Његова сврха - да покаже ниво ознаке, тако да се претраживач може одредити када ће бити видљиви елемент екран и који део овог елемента. Слој и страница - веома релативан појам, јер је проблематично да дизајнира страну и имајте на уму смислу правила з-индек за различите приказ садржаја.

Типично, програмер бира омиљени број, и даје га на све ознаке за редом, а чињеница да морамо да некако издваја, додељује следећи број. Придајемо значај слојева и нивоа странице - није нарочито прогресивним и перспективни праксе.

Међутим, ако сте у покрету семантика з-индек у дијалогу са посетиоцима, могуће је да се створи практично дејство. Слично како се ознаке могу наметнути једни на друге, могуће је да се наметне дијалог (посетилац сајта) и обавља кретање између њих. Из ове перспективе, чини се да врло изводљиво и практично примени правила ЦСС з-индек.