Gilgamesh

Добрый день! Изучаю верстку, сверстал небольшою анимированную галерею. Вот: https://jsfiddle.net/30g214ru/ И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок. Как исправить подобную проблему? И возможно ли это? Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.

Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение всплывающего "уровеня2" меняется так, будто он выпадает из потока документа. Вот ссылка: https://jsfiddle.net/ctuvkmg7/ Объясните пожалуйста почему элемент начинает себя так вести? Я непонимат! Сорр если где налажал с разметкой, правилами etc. Не со зла:)