Можно ли повторить фоновое изображение наружу от центра?

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

Фоновое изображение для повторения наружу от центра


css background background-image repeat position
person Ryan    schedule 05.03.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете использовать свойство background-position для центрирования фона и установить значение повторения в background, background: url('yourimage') repeat;

person Karim AG    schedule 05.03.2014
comment
фон: url(pattern.png) по центру по центру; /* повтор по умолчанию */ - person JohanVdR; 06.03.2014
comment
@Sigma Конечно, я дал подробную версию;) - person Karim AG; 06.03.2014
comment
Это не делает то, что я хочу. Он вертикально центрирует изображение в верхней части экрана. Я хочу, чтобы фоновое изображение всегда располагалось по центру по горизонтали и вертикали в середине элемента (будь то div или тело). См.: codepen.io/ryanmclaughlin/pen/3ba02dcabedee91b09cf816d43d148c4 - person Ryan; 06.03.2014

arrow_upward
0
arrow_downward

Нашел решение:

background-attachment: fixed

См. пример: http://codepen.io/ryanmclaughlin/pen/3ba02dcabedee91b09cf816d43d148c4

person Ryan    schedule 05.03.2014