Перекрытие объектов

Общее
1

Добрый день уважаемые. Вот возник вопрос с перекрыванием объектов.
https://jsfiddle.net/sra5ynz6/
Я не понимаю почему у меня не срабатывает z-index:
Почему див с классом .throat идет “выше” клюва. Как это исправить ?

2

z-index работает только на явно спозиционированных элементах. Подробности тут.

1 лайк
3

Спасибо. Замечательная статья, но всё равно ни чего не вышло.
https://jsfiddle.net/sra5ynz6/1/
Что значит это “Решение состоит в том, чтобы добавить прозрачность чуть меньше единицы первому (родителю красного ).” В моём случает “первый родитель” это див с классом beak? или как ?

4

Уберите z-index у частей клюва, а для .throat поставьте отрицательный.

1 лайк
5

Спасибо, помогло

1 лайк