Установка Z-индекса дочернего элемента меньше родительского, не скрывая его ⇐ CSS

[Гость]

У меня есть родительский div, который имеет фоновое изображение (SVG с диагональной линией).
Мой дочерний div будет иметь некоторый цвет фона в зависимости от значения переменная.
Я хочу показать родительское фоновое изображение (диагональную линию) поверх цвета фона моего дочернего элемента div.
Естественно, я прибегнул к использованию z-index. Но это не работает. Установка z-index : -1 для дочернего div полностью скрывает его (я думаю, это происходит потому, что он находится за самим корневым div).
Мое ограничение я не могу позиционировать как родительский, так и дочерний элементы div как абсолютные, иначе мой макет пойдет наперекосяк (позиционируя их как относительные, чтобы z-index вступил в силу)





Подробнее здесь: https://stackoverflow.com/questions/782 ... -hiding-it