Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Михаил Юматов
@yuumatov
FrontEnd разработчик, минималист
CSS
Как поднять дочерний блок над родительским без transform?
Как поднять дочерний блок над родительским без transform?
1 - родительский, 2 - дочерний
Вопрос задан
более трёх лет назад
355 просмотров
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Отрицательным margin'ом или position: relative + top с отрицательным значением, если без transform.
В чем проблема использовать transform?
Написано
более трёх лет назад
Михаил Юматов
@yuumatov
Автор вопроса
Рустам Байназаров
, transform обнуляет z-index
Написано
более трёх лет назад
Виталий Хван
@xRites
margin, position: absolute или изменить немного структуру и сделать оба родителями, и менять местами с помощью display: flex; order: позиция в единицах
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Михаил Юматов
, написал ответ.
Написано
более трёх лет назад
Решение
пользователя
Rustam Bainazarov
К ответам
на вопрос
(2)
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Без transform и absolute, z-index тоже работает (img имеет z-index 10, белый блок -- 20):
snippet
Вообще без заданных z-index'ов, если порядок структуры позволяет:
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама