Управление положением фонового изображения тела

Question

Мне было интересно, возможно ли повлиять на положение тела; У меня есть изображение размером 500 x 500 пикселей, которое я расположил в центре страницы, чтобы оно не повторялось. Мне было интересно, можно ли как-то исказить позиционирование, чтобы оно отображалось на 20 пикселей ниже от центра, так как у меня есть более крупный заголовок, который перекрывает фон.

Есть идеи?

Спасибо.

Answer 1

Если вы не особенно смещены точно на 20 пикселей, вы можете использовать процент для смещения координаты y фона. Вот пример:

background-position:50% 55%;

Вот ссылка для получения дополнительной информации: http://www.sitepoint.com/blogs/2007/07/05/css-using-percentages-in-background-image/

Answer 2

Сделайте фоновое изображение выше на 40 пикселей. Это уменьшит изображение на 20 пикселей.

Вы можете попробовать взломать с помощью полей и полей, но повышение изображения будет иметь тот же эффект без потери волос.

Answer 3

Исследовать использование правила фонового положения в CSS. Требуется 2 значения, разделенных пробелом, например:

background-position: left center;

или

background-position: 50px 100px;

Они в порядке X Y.