Картинка (фон) по центру div

@Костяныч · Регистрация: 31.10.2010

Author24 — интернет-сервис помощи студентам

Добрый день.
Есть картинка, мне надо ее полностью растянуть на весь div. При этом центр картинки должен быть в центре div. подскажите пожалуйста, как это сделать?
Сейчас у меня так:

CSS

1
2
3

background: url('img/bglogo2.jpg') 100% 100% no-repeat;
margin: 0 auto;
background-size: cover;

Не могу понять, свойства auto у margin и background-size: cover.
Спасибо!

@Анар · 08.12.2015, 07:23

Костяныч, что мешает заглянуть в справочник?
margin: auto используется, когда блок нужно разместить по центру видимой области экрана.
cover означает, что изображение нужно масштабировать с сохранением пропорций и привидением длины/ширины к длине/ширине блока. Т.е. у блока после такого масштабирования могут оставаться пустые области. При указании cover, auto или contain, то пропорции/размеры не указываются.
В css3 такая запись background неправильная.

http://jsfiddle.net/anarmus/xx7vufsz/1/ Меняете background-size на то, что вам нужно.

@Анар 225 / 216 / 89 Регистрация: 12.09.2015 Сообщений: 986
	08.12.2015, 07:23	2
	Сообщение было отмечено Костяныч как решение Решение Костяныч, что мешает заглянуть в справочник? margin: auto используется, когда блок нужно разместить по центру видимой области экрана. cover означает, что изображение нужно масштабировать с сохранением пропорций и привидением длины/ширины к длине/ширине блока. Т.е. у блока после такого масштабирования могут оставаться пустые области. При указании cover, auto или contain, то пропорции/размеры не указываются. В css3 такая запись background неправильная. http://jsfiddle.net/anarmus/xx7vufsz/1/ Меняете background-size на то, что вам нужно. 1

Картинка (фон) по центру div

Решение