Обрезать блок с фоном снизу по диагонали

[yustnip]

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

 

Подскажите, пожалуйста, как лучше это реализовать? 

[Great Rash]

Никак.

[Q4Dizzy]

Пример покажите..  Задумка не особо понятна.

[yustnip]

Спасибо большое за ответы. Кусок макета можно посмотреть по ссылке - https://yadi.sk/i/z47zps56fLUaJ

 

Верхний блок с косой нижней обрезкой накладывается на нижний блок, где должна располагаться карта.

[Q4Dizzy]

Смотрите в сторону rotate + слои + overflow;

[Great Rash]

Повернуть верхний блок на заданное количество градусов. И спозиционировать его.

[yustnip]

Уже думал через rotate сделать, но в таком случае фон тоже пойдет по диагонали. На крайний случай придется так, видимо.

[Q4Dizzy]

Если фон не нужно поворачивать, поставьте его через :after и так же примените rotate, только в обратную сторону.

[Great Rash]

но в таком случае фон тоже пойдет по диагонали

Фон повернуть в фотошопе в противоположную сторону.

[yustnip]

Попробовал rotate с предварительным поворотом фона в графическом редакторе, не совсем получилось, с правой стороны ожидаемо осталось пустое место. Сделал через @media, для популярных разрешений свою картинку, а для совсем больших экранов обрезки не будет.