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

Cделать так, чтобы красный оказался позади синего и зеленого?

<div class="wrap">
        <p>Cделать так, чтобы красный оказался позади синего и зеленого, при этом нельзя менять:</p>
        <ul>
            <li>Нельзя менять HTML-разметку</li>
            <li>Нельзя менять/добавлять z-index к элементам</li>
            <li>Нельзя менять/добавлять позиционирование к элементам</li>
        </ul>
        <div>
            <span class="red">Red</span>
        </div>
        <div>
            <span class="green">Green</span>
        </div>
        <div>
            <span class="blue">Blue</span>
        </div>
    </div>

.red,
.green,
.blue {
  position: absolute;
  font-size: 32px;
}

.red {
  background: red;
  z-index: 1;
}

.green {
  background: green;
}

.blue {
  background: blue;
}
  • Вопрос задан
  • 271 просмотр
Подписаться 2 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
  • beONmax
    Курс HTML / CSS
    1 месяц
    Далее
  • Бруноям
    Вёрстка на HTML и CSS
    3 месяца
    Далее
  • Международная Школа Профессий
    Онлайн-курсы HTML и CSS для начинающих
    3 недели
    Далее
  • Stepik
    Основы вёрстки с HTML и CSS
    1 неделя
    Далее
  • beONmax
    Верстальщик сайтов - HTML, CSS, Bootstrap, JavaScript
    1 месяц
    Далее
Решения вопроса 1
RAX7
@RAX7
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Alex_mos
@Alex_mos
Google всему голова
Пропишите .red position: relative
Ответ написан
Ваш ответ на вопрос

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

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