Управление фоном изображения на корпусе

Question

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

Любые идеи?

Спасибо.

Answer 1

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

background-position:50% 55%; 

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

Answer 2

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

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

Answer 3

Исследуйте использование правила background-position в CSS. Он принимает 2 значения, разделенные пробелом, например, так:

background-position: left center; 

или

background-position: 50px 100px; 

Они находятся в Х Y порядке.