@IIIaTaTeJIb
WEB-программист

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

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

Нужно сделать так, чтобы картинка на заднем плане(та что за кнопкой) была растянута по всей ширине страницы, и при этом картинка не была растянута(тип чтоб несколько таких картинок было).
Вот код:
<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>
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
@choupa
Архитектор (обычный, который строит)
Очевидно, что no-repeat надо заменить на repeat.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@html-css
no-repeat уберите
Ответ написан
Комментировать
xEpozZ
@xEpozZ
Веб-разработчик
Растянуть - background-size: cover
Повторить - background-repeat: repeat repeat
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы