оНПЪДНЙ МЮКНФЕМХЪ 
Х                 
НАКЮЯРЭ БХДХЛНЯРХ 

юАЯНКЧРМНЕ Х НРМНЯХРЕКЭМНЕ ОНГХЖХНМХПНБЮМХЕ АКНЙНБ ОНГБНКЪЧР ОПХДЮРЭ ЯРПЮМХЖЕ РПЕРЭЕ ХГЛЕПЕМХЕ. йННПДХМЮРШ АКНЙЮ, Ю РНВМЕЕ КЕБНЦН БЕПУМЕЦН СЦКЮ ОПЪЛНСЦНКЭМХЙЮ АКНЙЮ, Х ЕЦН КХМЕИМШЕ ПЮГЛЕПШ НОПЕДЕКЪЧР ЛЕЯРН ОНКНФЕМХЕ АКНЙЮ МЮ ОКНЯЙНЯРХ. рЮЙ ЙЮЙ АКНЙ МЕ ЪБКЪЕРЯЪ ЮАЯРПЮЙРМНИ РНВЙНИ, РН ОПЪЛНСЦНКЭМХЙХ АКНЙНБ ОЕПЕЙПШБЮЧРЯЪ. оЕПЕЙПШБЮЧРЯЪ НМХ Б НОПЕДЕКЕММНЛ ОНПЪДЙЕ, ВРН ОНГБНКЪЕР ЦНБНПХРЭ НА ХУ ПЮГЛЕЫЕМХХ Б ОПНЯРПЮМЯРБЕ. оНПЪДНЙ МЮКНФЕМХЪ (ОЕПЕЙПШРХЪ) АКНЙНБ НОПЕДЕКЪЕРЯЪ ЮРПХАСРНЛ z-index.

бННАЫЕ ЦНБНПЪ, ОПХ ОНГХЖХНМХПНБЮМХХ АКНЙНБ Х ХУ МЮКНФЕМХХ ДПСЦ МЮ ДПСЦЮ БНГМХЙЮЧР БХДХЛШЕ Х МЕБХДХЛШЕ НАКЮЯРХ АКНЙНБ. CSS ОНГБНКЪЕР ОПНХГБНКЭМН СОПЮБКЪРЭ БХДХЛНЯРЭЧ ОПЪЛНСЦНКЭМНИ ВЮЯРХ АКНЙЮ. гЮ ЩРН Б ЯОЕЖХТХЙЮЖХХ CSS-P НРБЕВЮЕР ЮРПХАСР clip.

оНПЪДНЙ МЮКНФЕМХЪ АКНЙНБ. z-index.

еЯКХ АШРЭ АНКЕЕ РНВМШЛ, РН АКНЙХ - ЩРН ОПЪЛНСЦНКЭМШЕ ЙЮПРНВЙХ, ЙНРНПШЕ КЕФЮР МЮ ОНБЕПУМНЯРХ, ОЕПЕЙПШБЮЪ ДПСЦ ДПСЦЮ. пЮЯЯРНЪМХЕ ЛЕФДС МХЛХ ГЮДЮРЭ МЕКЭГЪ, Р.Е. ОНКМНЖЕММНЦН РПЕРЭЕЦН ХГЛЕПЕМХЪ МЕР:

оНПЪДНЙ ОЕПЕЙПШРХЪ АКНЙНБ (ЯКНЕБ Б РЕПЛХМЮУ Netscape) НОПЕДЕКЪЕРЯЪ ЮРПХАСРНЛ z-index. вЕЛ АНКЭЬЕ ГМЮВЕМХЕ z-index, РЕЛ АКХФЕ Й МЮАКЧДЮРЕКЧ МЮУНДХРЯЪ ЯКНИ:

 

йЮЙ БХДМН ХГ ЙЮПРХМЙХ, z-index ЛНФЕР ОПХМХЛЮРЭ Х НРПХЖЮРЕКЭМШЕ ГМЮВЕМХЪ.

оПХ ПЮАНРЕ Я ЩРХЛ ЮРПХАСРНЛ ЯКЕДСЕР ХЛЕРЭ Б БХДС, ВРН NN Х IE ОПХЛЕМЪЧР ПЮГМШЕ ЛНДЕКХ НОХЯЮМХЪ "ЯКНИЙХ". б IE - ЩРН ОПНЯРН ВХЯКНБНИ ОЮПЮЛЕРП, ЙНРНПШИ ГЮЙПЕОКЕМ ГЮ АКНЙНЛ Х МЕ БКХЪЕР МЮ ГМЮВЕМХЪ ЩРНЦН ОЮПЮЛЕРПЮ С ДПСЦХУ АКНЙНБ. б NN ХГЛЕМЕМХЕ ОЮПЮЛЕРПЮ z-index НДМНЦН АКНЙЮ БКХЕР МЮ ГМЮВЕМХЪ ЩРНЦН ОЮПЮЛЕРПЮ С ДПСЦХУ АКНЙНБ. нМХ, ЯКНБМН ЙЮПРНВЙХ МЮ ЯРНКЕ, ОЕПЕЙКЮДШБЮЧРЯЪ Х ОПХМХЛЮЧР МНБСЧ МСЛЕПЮЖХЧ.

йЮПРНВЙХ ОЕПЕЙПШБЮЧРЯЪ. еЯКХ МЮФЮРЭ МЮ ЦХОЕПРЕЙЯРНБСЧ ЯЯШКЙС "оЕПЕКНФХРЭ", РН ЦНКСАЮЪ ЙЮПРНВЙЮ ОНОНКГЕР БМХГ Х ОПХ НАПЮРМНЛ УНДЕ ОНЛЕМЪЕР ЯБНЕ ЛЕЯРНОНКНФЕМХЕ НРМНЯХРЕКЭМН ЙПЮЯМНИ ЙЮПРНВЙХ.

нАКЮЯРЭ БХДХЛНЯРХ АКНЙЮ. clip.

яНБЕПЕЬЕММН МЕНАЪГЮРЕКЭМН ОНЙЮГШБЮРЭ БЕЯЭ АКНЙ ЖЕКХЙНЛ. лНФМН ОНЙЮГЮРЭ РНКЭЙН ВЮЯРЭ АКНЙЮ. сОПЮБКЪЕРЯЪ РЮЙНЕ НРНАПЮФЕМХЕ ОЮПЮЛЕРПНЛ clip НОХЯЮМХЪ CSS. б ОПХБЕДЕММНЛ МХФЕ ОПХЛЕПЕ ЛШ ОПНЯРН НАПЕГЮКХ ЙЮПРНВЙС ЦНКСАНЦН ЖБЕРЮ.

<div "position:relative;top:0;left:0;
width:269; height:150;
clip:rect(20,260,100,20);">
...
</div>

[оПНЪБХРЭ БЕПУ ЙЮПРНВЙХ] [оПНЪБХРЭ КЕБШИ ЙПЮИ ЙЮПРНВЙХ]
[оПНЪБХРЭ МХГ ЙЮПРНВЙХ] [оПНЪБХРЭ КЕБШИ ЙПЮИ ЙЮПРНВЙХ]
[бЯЕ БЕПМСРЭ Б ОЕПБНМЮВЮКЭМНЕ ОНКНФЕМХЕ.]

дНЯРХЦМСРШИ ЩТТЕЙР НВЕМЭ ОНУНФ МЮ ХГЛЕМЕМХЕ "МЮПЕГЮММНИ" ЦПЮТХЙХ, МН РНКЭЙН ДНЯРХЦМСР НМ ДПСЦХЛХ ЯПЕДЯРБЮЛХ.

оПХ БШПЕГЮМХХ НАКЮЯРХ БХДХЛНЯРХ Б IE ЯКЕДСЕР СВХРШБЮРЭ, ВРН ПЮАНРЮЕР clip РНКЭЙН ОПХ ЮАЯНКЧРМНЛ ОНГХЖХНМХПНБЮМХХ. б NN ОНДДЕПФХБЮЕРЯЪ ЙЮЙ ЮАЯНКЧРМНЕ ОНГХЖХНМХПНБЮМХЕ, РЮЙ Х НРМНЯХРЕКЭМНЕ.