@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;
}
  • Вопрос задан
  • 260 просмотров
Решения вопроса 1
RAX7
@RAX7
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Alex_mos
@Alex_mos
Google всему голова
Пропишите .red position: relative
Ответ написан
Ваш ответ на вопрос

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

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