Как в background растянуть картинку ??

Question

[Александра Башура]

Надо картинку сделать что бы она была по краям сайта ! Тоесть не больше не меньше а растянуть на весь экрон

Answer 1

[Кирилл Туровников]

Если речь идет про фоновое изображение, то background-size: 100% 100%; Если же надо чтобы она вписывалась по высоте и ширине без деформации то background-size:cover;

Answer 2

[Ockonal]

<img src="..." style="width: 100%">

Comments

[Александра Башура]

.home {
background:url('sea.jpg');
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;

}

[Александра Башура]

Вот тут что то не то

[Ockonal]

Александра Башура: background-size: 100% auto

[Александра Башура]

Ockonal: так по ширене нормально а по высоте много уезжает за пределы сайта !

Answer 3

[Дмитрий]

1. body{padding:0; margin:0; background: url(....) no-repeat;}
2. htmlbook.ru/css/background-size

Answer 4

[Евгений Конкин]

Делаешь div 100% по ширине страницы и применяешь к нему стиль background-size: cover