Как добавить маржу только к фоновому изображению?

Я хочу добавить маржу к фоновому изображению, чтобы я дистанцировал ее от середины экрана, но добавляя ее внутри этого класса, добавляет маржу ко всему телу.

body.poppage {
    background: url(/Imagenes/tip3.png) 50% 200px no-repeat #E2E4E9;
}

Как я мог это сделать? Благодаря

Ответы

Ответ 2

Используйте заполнение контейнеров, чтобы сделать вид поля для фона.

<div class="thebox">
    <p>HEY!</p>
</div>

div.thebox
{
box-sizing: border-box;
width:400px;
height:400px;

border: 2px solid #000000;
padding: 10px;

background: url(http://studio-creator.com/blog/public/html5.jpg) center;
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
}

https://jsfiddle.net/gann1pwm/

Ответ 3

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

Ответ 4

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

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

  • Если вы хотите, чтобы фоновое изображение отображалось в его контейнере, установите его фоновое положение.