в 50% от верхней стороны, которая находится в 50% от соответствующего
Края веб-страницы или стилизуемого элемента. Другими словами, центр
Изображения совпадает с центром элемента, для которого оно определено в качестве
Фонового. Это означает, что при использовании процентных значений точные
Координаты позиционирования динамически изменяются и похожи на «движущуюся
Мишенм (поэтому координаты позиционирования стилизуемого элемента
В процентах могут изменяться, если посетители веб-страницы меняют размеры
Окна браузера).
Позиционирование фоновых изображений
, ВО% 20% ':
_::-____~ ----------------~-------~ --------
: ~~r
: -NJ
' - .... '
50%50%~
' ' ' ' ' L----------
~
Рис. 8.8. Используя проценты, сначала определите начальную «якорную»
Точку (координату) в изображении
~МЕЧАНИЕ-----------------------------------------------Раэмещение
изображения по вертика!UI в фоне страницы с помощью процентов не обязательно
nоместит его в правильном~ месте, если содержимое страницы не заполняет всю высоту окна браузера.
Как и в случае с пикселами и ern, можно назначать отрицательные процентные
Значения, но результаты трудно предугадать. Вы можете также комбинировать
;, подбирать значения в пикселах, ern и процентах одновременно. Например, чтобы
:-rоместить изображение на расстоянии 5 пикселов от левого края элемента, нu
з центре элемента по высоте, применяют свойство со следующими параметрами:
:::kground-position: 5рх 50%:
