Я полностью согласен, но меня смущает момент, когда мы вообще убираем z-index у родительского блока. В таком случае дочерний элемент выходит за стенки родительского, хотя казалось бы, "неотъемлемая часть".
ajderha, на родителя наложен полупрозрачный фон, который по идее должен перекрывать содержимое с отрицательным z-индексом. Так оно и происходит, если не присваивать родителю z-index, причём неважно с каким значением. Первый скриншот это иллюстрирует.
Spaceoddity, я хочу, чтобы при использовании относительных единиц измерения, например, em, эти элементы не съезжали. Я хочу идеальную пропорциональность.
Ankhena, я это и подразумевал, говоря о непропорциональности. Там чем меньше размер объекта, тем большее смещение необходимо. Если на десктопе достаточно 0,5%, на телефонах это 3-5%, что в свою очередь будет отображаться на размерах маски.
Я надеялся на какое-нибудь более универсальное решение, если оно есть, конечно.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.