Как лучше организовать такой лендинг с косыми блоками?

Всем привет, я - начинающий и нужен совет по организации лендинга.

По вертикали чередуются трапецеидальные блоки (малое основание справа, большое - слева, следующий блок - наоборот и т.д.). Чередуются так же цвета блока (2 текстуры, т.е. НЕ сплошной однородный фон, а какая-то бэк-пикча). Следовательно, будет чередоваться 2 вида трапеций. Планирую 1 бэк сделать общим фоном на родительский блок (родительский всех трапеций), а вторая текстура будет в полноценных трапецеидальных блоках, ну т.е. одна из трапеций будет формироваться как пространство между двумя трапециями другого цвета. Во всех блоках будет контент.

Быть может схему компоновки лучше бы изменить. Что скажете ? Это всё пока что предварительно.

И ГЛАВНОЕ: перебираю способы создания вот этих вот скосов (напоминаю, бэк - изображение, текстура, а НЕ сплошной монотонный цвет). Заказчик требует поддержку IE9+, Safari, Opera ... Т.е. нужно использовать дедовские методы.

Что можете подсказать по скосам и вообще по теме?