Задать вопрос
@onahapa

Как правильно использовать Multiple Background?

Привет друзья. Задача такая, есть 3 картинки, нужно сделать из них фон. Первая сверху, к примеру потолок с люстрой, вторая - обои, которые тянутся до третей картинки(repeat-y), ну собственно третья это пол с ковром.
Проблема в том,что я, наверно, не совсем понял, как это работает и поэтому "картинка с ковром" у меня вообще не отображается. Приведу ужасный пример картинки.
вот
a84c1200fe1a46ee89a095b2cb4aa457.PNG
background: url(http://lorempixel.com/1920/200/sports),
url(http://lorempixel.com/1920/10/people),
url(http://lorempixel.com/1920/100/city);
        
background-repeat: repeat-x,
repeat-y,
repeat-x;
    
background-position: center center,
center center,
bottom center;
  • Вопрос задан
  • 2272 просмотра
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@onahapa Автор вопроса
Нашел решение.
background-image: url('http://lorempixel.com/1920/150/sports'),
                        url('http://lorempixel.com/1920/150/city'),
                        url('http://lorempixel.com/1920/50/people');
    background-repeat: no-repeat, no-repeat, repeat ;
    background-position: 50% 0%, 50% 100%, 0% 0% ;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы