[lancer]

Помогите определить, можно ли решить нижеследующую задачу.

Откройте приаттаченную картинку.

Зеленый блок должен выезжать из под песочного блока на всю свою высоту. Пунктиром намечена недостающая, еще не выехавшая длинна.

Проблема с тем, где прятать зеленый блок.

1.Если бы песочный блок по высоте был больше или равен зеленому, то задача решилась бы при помощи z-index и расположения зеленого блока под песочным.

2.На картинке песочный блок меньше зеленого, но можно всю верхнюю часть до красной линии положить в див, а зеленый, как и в предыдущем случае под него, только на этот раз зеленому задаем определнный отрицательный top, чтобы часть находилась за верхом экрана.

Увы, в моей ситуции ни первый, ни второй пункт не существуют:
1. Песочный блок меньше зеленого.
2. Фон может быть совершенно разным при каждом новом посещении страницы. Так что резать фон и песочный блок в один див не подходит.

Возможно ли решить задачу?