l.ort:rn II)SUI"'" dolor •щ ёlmP.t. C' OI'\\~rf('f~JP.r ~dipi scing eltt. sr.d
We lnterтvpt thls lmportьll't $tOty with art even mof'e
~mpot'Uf't de.monstrat.on of css. Not:Jce hOw tne eЬsotutely
poslttoned ·дn~wtrsary 6adge'" moves 11009 wlth lts parent
<hl> щ. rn. <ltl> has & ,.,..,tlve posluon appHed \0 1t.
· 1111111 IYIIIfiiiCI
torem ipsum dolor slt amet. c:onse:('tetuer adip1sc:•ng elit,
dCam nonummy nlbh eu(smod t:lncJdunt ut l~oreet dolore magм
<t11(fulltn ~r.at vO(utp•f. U, wisl enlm ad mlnJm VP.nian\, цui s
PIIIК. 13.5. Пример использования отн.ос·и:гельноrо nозиционирования применительно
к ~_эображению
Глава 13. Позиционирование элементов на веб-странице
ПРИМЕЧАНИЕ-------------------------------------------------Испольэуйте
Свойство Ьackgrouпd-image (см. раэд. «Фоновые изображения» гл. 8), чтОбы поместить
изображение в фон тега <h1>. Однако если изображение будет выше, чем тег <h1>, или вы хотите,
Чтобы оно появилось эа пределами границ заголовка (см. третью сверху веб-страницу на рис. 13.5),
То используйте описанную эдесь методику относительного позиционирования.
Чтобы установить изображение на странице, вы могли использовать значение
Re l at i ve свойства pos i t i on, но здесь также есть недостатки. Когда вы устанавливаете
Относительное позиционирование для элемента, а затем размещаете его (возможно,
Используя свойства l eft и top ), элемент перемещается на определенное
