Задать вопрос
@r_g_b_a
css

Как сделать перекрытие абсолютно позиционированных элементов?

https://jsfiddle.net/Le6c9mjt/2/
В данном примере каждый элемент .child перекрывает своего родителя. Мне необходимо добиться обратного результата. На верхнем слое должен находится красный квадрат, под ним зеленый, ниже синий и т.д. Основная сложность в том, что количество элементов не известно.
  • Вопрос задан
  • 78 просмотров
Комментировать
Подписаться 1 Сложный Комментировать
Пригласить эксперта
Ответы на вопрос 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
Никак.
Это так не работает.
Дочерний элемент не может быть под родительским.

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

А вот если расположить их как соседей в рамках одного родителя и в обратном порядке, то будет то, чего Вы хотите, независимо от количества элементов. Останется только решить вопрос с "динамическим" позиционированием. Это можно сделать при выводе самих элементов, либо при генерации на бэкенде, либо через js.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Изменить код STM32 и конфигурацию сервиса удаленного доступа
25 нояб. 2024, в 08:57
5000 руб./за проект
Доработать готовый проект по миниатюризации компактного НО
25 нояб. 2024, в 08:40
10000 руб./за проект
Восстановить работу связки парсер и Telegram bot на сайте Wordpress
25 нояб. 2024, в 08:28
8000 руб./за проект
Ещё заказы