Вопрос по анимированной галерее на css

[Gilgamesh]

Добрый день!

Изучаю верстку, сверстал небольшою анимированную галерею.

Вот: https://jsfiddle.net/30g214ru/

И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок.

Как исправить подобную проблему? И возможно ли это?

Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.

[John106]

2 часа назад, Gilgamesh сказал:

Добрый день!

Изучаю верстку, сверстал небольшою анимированную галерею.

Вот: https://jsfiddle.net/30g214ru/

И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок.

Как исправить подобную проблему? И возможно ли это?

Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.

Как-то так: https://jsfiddle.net/30g214ru/1/