Как растянуть картинку по всей ширине страницы?

Question

[Владимир Тимошко]

Вот скриншот того как отображается:


Нужно сделать так, чтобы картинка на заднем плане(та что за кнопкой) была растянута по всей ширине страницы, и при этом картинка не была растянута(тип чтоб несколько таких картинок было).
Вот код:

<div id="img_button" style="background: url('{% static 'images/main.jpg' %}') no-repeat; background-size: 100%">		     
    <div style="position: absolute; top: 15%; width: 100%;"> 
        <a href="" class="btn" style="height: 100%; background-color: #800000; color: white;"><i>Головна</i></a>
    </div> 
</div>

Answer 1

[Николай Чуприк]

Очевидно, что no-repeat надо заменить на repeat.

Comments

[Владимир Тимошко]

Спасибо. Я также добавил width: 100%; и оно стало так как надо. Еще раз спасибо!

Answer 2

[html-css]

no-repeat уберите

Answer 3

[Дмитрий Дерепко]

Растянуть - background-size: cover
Повторить - background-repeat: repeat repeat