Центрирование фонового изображения с использованием CSS - PullRequest
130 голосов
/ 15 апреля 2010

Я хочу центрировать фоновое изображение. Div не используется, это стиль CSS :

body{
    background-position:center;
    background-image:url(../images/images2.jpg) no-repeat;
}

Вышеприведенные CSS-элементы разбиты на части и центрируют их, но половина изображения не видна, она просто движется вверх. То, что я хочу сделать, это центрировать изображение. Могу ли я принять изображение для просмотра даже на 21 "экране?

Ответы [ 12 ]

0 голосов
/ 12 августа 2015

Единственное, что сработало для меня, это ..

margin: 0 auto
0 голосов
/ 11 января 2015

, если вы не удовлетворены ответами выше, используйте это

    * {margin: 0;padding: 0;}

    html
    {
        height: 100%;
    }

    body
    {
        background-image: url("background.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80%;
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...